Differenze

Queste sono le differenze tra la revisione selezionata e la versione attuale della pagina.

--- bootstrap_bolweb:altre_componenti:tabelle [2021/09/19 16:31]
127.0.0.1 modifica esterna
+++ bootstrap_bolweb:altre_componenti:tabelle [2021/10/08 10:46] (versione attuale)
@@ Linea 1: / Linea 1: @@
 ====== Tabella ======
+La tabella di Bolweb usa la libreria 'jquery datatables', in questa customizzazione si occupa di configurare tutto: paginazione, numero di item da visualizzare, ordinamento...
+{{:bootstrap_bolweb:altre_componenti:tabella.png?600|}}
+<code>
+<table id="dtMessaggi" class="datatable-init data-table-ajax table table-striped table-bordered"
+ style="width:100%;"
+ data-server-side="true"
+ data-processing="true"
+ data-url=""
+ data-type="POST"
+ data-page-length="5"
+ data-length-menu="[5, 10, 25, 50]"
+ data-dom='<"top"<"float-md-left"i><"float-md-right"l>>t<"bottom"p>'
+ data-paging="true"
+ data-searching="true"
+ data-order="[[0, &quot;desc&quot;]]"
+ data-search-delay="800"
+ data-length-change="true"
+ data-info="true">
+    <thead>
+    <tr>
+        <th data-data="npDate" data-searchable="false" data-title=""></th>
+        <th data-data="npGroupProfile" data-title=""></th>
+        <th data-data="npIdQuest" data-title=""></th>
+        <th data-data="npObj" data-title=""></th>
+        <th data-class="comunicazione-text" data-data="npCommunication" data-orderable="false" data-title=""></th>
+        <th data-data="actions" data-class-name="text-lg-center align-middle" data-orderable="false" data-searchable="false"></th>
+        <th data-data="npChannel" data-visible="false" data-title=""></th>
+        <th data-data="npType" data-visible="false" data-title=""></th>
+        <th data-data="npService" data-searchable="false" data-visible="false" data-title=""></th>
+        <th data-data="npCodeProc" data-visible="false" data-title=""></th>
+        <th data-data="npGroupCd" data-visible="false" data-title=""></th>
+        <th data-data="read" data-visible="false" data-title=""></th>
+    </tr>
+    </thead>
+</table>
+</code>