Abilitare scrolling orizzontale su template datatable

21 Dec '16, 04:05 PM
4,062 Views
No Forum Badges

Buongiorno stavo utilizzando il template per la componente simple list "datatable" presente sullo store. Non riesco a trovare però il punto in cui configurare lo scroll orizzontale per poter mostrare tabelle con un grande numero di attributi.

 

Grazie

Bob

 
x 0
Follow
Answer Answer at this question and get points!
Forum Starter - Level 3

Ciao io dopo un pò di tentativi seguendo le indicazioni presenti sul sito di riferimento,sono riuscito a far comparire lo scroll orizzontale nel seguente modo (ti consiglio di fare un clone dello stile scaricato dallo store su cui fare le modifiche) :

- aggiungere nel template DataTable.unit.template posto in Component Layouts/Simple List, le seguenti righe alle definizione della variabile options (dopo la riga):

         options += " data-b-scrollX=true"
         options += " data-s-scrollX=100%"
         options += " data-s-ScrollXInner=110%"

- aggiungere nel file DataTableInit.js posto in Scripts/DataTableIndexUnit (dopo la riga opts.bAutoWidth = false;) le righe:

          opts.sScrollX = "100%";
          opts.sScrollXInner="110%";

- verificare che nel file DataTable.css posto in CSS/DataTableIndexUnit ci sia la configurazione per owerflow:

         .dataTables_scroll {
              clear: both;
              width:100%;
              overflow-x:auto;
          }

Inserendo queste configurazioni la barra di scorrimento orizzontale compare correttamente.

 

   
x 1
No Forum Badges

Grazie funziona

 
x 0
Answer at this question and get points!