Global settings for your all your grids
The full featured dynamic table includes search, pagination and sortable columns.
ID | Name | Type of user |
---|---|---|
1 | Aaron | Admin |
2 | Abbott | Regular |
3 | Abel | Editor |
4 | Abner | Admin |
5 | Benedict | Regular |
6 | Benjamin | Editor |
7 | Bernard | Admin |
8 | Blaine | Regular |
9 | Carney | Editor |
10 | Chandler | Admin |
11 | Charles | Regular |
12 | Coleman | Editor |
13 | date 1 | Admin |
14 | Dalton | Regular |
15 | Darian | Editor |
16 | Dexter | Admin |
17 | Elton | Regular |
18 | Ernest | Editor |
19 | date 1 | Admin |
20 | Fox | Regular |
21 | Frasier | Editor |
22 | Gabriel | Admin |
23 | Garrick | Regular |
24 | Gilbert | Editor |
25 | Igor | Admin |
26 | Isaiah | Regular |
27 | Jacob | Editor |
28 | Keegan | Admin |
29 | Kendall | Regular |
30 | Lancelot | Editor |
<table class="table" data-fc-modules="table-dynamic">
<thead>
<tr>
<th class="w-10">ID</th>
<th>Name</th>
<th>Type of user</th>
</tr>
</thead>
<tbody>
<tr>
<td class="align-left">1</td>
<td>Aaron</td>
<td>Admin</td>
</tr>
<tr>
<td class="align-left">2</td>
<td>Abbott</td>
<td>Regular</td>
</tr>
<tr>
<td class="align-left">3</td>
<td>Abel</td>
<td>Editor</td>
</tr><tr>
<td class="align-left">4</td>
<td>Abner</td>
<td>Admin</td>
</tr>
<tr>
<td class="align-left">5</td>
<td>Benedict</td>
<td>Regular</td>
</tr>
<tr>
<td class="align-left">6</td>
<td>Benjamin</td>
<td>Editor</td>
</tr><tr>
<td class="align-left">7</td>
<td>Bernard</td>
<td>Admin</td>
</tr>
<tr>
<td class="align-left">8</td>
<td>Blaine</td>
<td>Regular</td>
</tr>
<tr>
<td class="align-left">9</td>
<td>Carney</td>
<td>Editor</td>
</tr><tr>
<td class="align-left">10</td>
<td>Chandler</td>
<td>Admin</td>
</tr>
<tr>
<td class="align-left">11</td>
<td>Charles</td>
<td>Regular</td>
</tr>
<tr>
<td class="align-left">12</td>
<td>Coleman</td>
<td>Editor</td>
</tr><tr>
<td class="align-left">13</td>
<td>date 1</td>
<td>Admin</td>
</tr>
<tr>
<td class="align-left">14</td>
<td>Dalton</td>
<td>Regular</td>
</tr>
<tr>
<td class="align-left">15</td>
<td>Darian</td>
<td>Editor</td>
</tr><tr>
<td class="align-left">16</td>
<td>Dexter</td>
<td>Admin</td>
</tr>
<tr>
<td class="align-left">17</td>
<td>Elton</td>
<td>Regular</td>
</tr>
<tr>
<td class="align-left">18</td>
<td>Ernest</td>
<td>Editor</td>
</tr><tr>
<td class="align-left">19</td>
<td>date 1</td>
<td>Admin</td>
</tr>
<tr>
<td class="align-left">20</td>
<td>Fox</td>
<td>Regular</td>
</tr>
<tr>
<td class="align-left">21</td>
<td>Frasier</td>
<td>Editor</td>
</tr><tr>
<td class="align-left">22</td>
<td>Gabriel</td>
<td>Admin</td>
</tr>
<tr>
<td class="align-left">23</td>
<td>Garrick</td>
<td>Regular</td>
</tr>
<tr>
<td class="align-left">24</td>
<td>Gilbert</td>
<td>Editor</td>
</tr><tr>
<td class="align-left">25</td>
<td>Igor</td>
<td>Admin</td>
</tr>
<tr>
<td class="align-left">26</td>
<td>Isaiah</td>
<td>Regular</td>
</tr>
<tr>
<td class="align-left">27</td>
<td>Jacob</td>
<td>Editor</td>
</tr><tr>
<td class="align-left">28</td>
<td>Keegan</td>
<td>Admin</td>
</tr>
<tr>
<td class="align-left">29</td>
<td>Kendall</td>
<td>Regular</td>
</tr>
<tr>
<td class="align-left">30</td>
<td>Lancelot</td>
<td>Editor</td>
</tr>
</tbody>
</table>
You can deactivate some of the features if you don't need, and for example just a sortable table
ID | Name | Type of user |
---|---|---|
1 | Aaron | Admin |
2 | Abbott | Regular |
3 | Abel | Editor |
4 | Abner | Admin |
5 | Benedict | Regular |
6 | Benjamin | Editor |
7 | Bernard | Admin |
8 | Blaine | Regular |
9 | Carney | Editor |
10 | Chandler | Admin |
11 | Charles | Regular |
12 | Coleman | Editor |
13 | date 1 | Admin |
14 | Dalton | Regular |
15 | Darian | Editor |
16 | Dexter | Admin |
17 | Elton | Regular |
18 | Ernest | Editor |
19 | date 1 | Admin |
20 | Fox | Regular |
21 | Frasier | Editor |
22 | Gabriel | Admin |
23 | Garrick | Regular |
24 | Gilbert | Editor |
25 | Igor | Admin |
26 | Isaiah | Regular |
27 | Jacob | Editor |
28 | Keegan | Admin |
29 | Kendall | Regular |
30 | Lancelot | Editor |
<table class="table" data-fc-modules="table-dynamic" data-fc-pagination="false" data-fc-search="false">
<thead>
<tr>
<th class="w-10">ID</th>
<th>Name</th>
<th>Type of user</th>
</tr>
</thead>
<tbody>
<tr>
<td class="align-left">1</td>
<td>Aaron</td>
<td>Admin</td>
</tr>
<tr>
<td class="align-left">2</td>
<td>Abbott</td>
<td>Regular</td>
</tr>
<tr>
<td class="align-left">3</td>
<td>Abel</td>
<td>Editor</td>
</tr><tr>
<td class="align-left">4</td>
<td>Abner</td>
<td>Admin</td>
</tr>
<tr>
<td class="align-left">5</td>
<td>Benedict</td>
<td>Regular</td>
</tr>
<tr>
<td class="align-left">6</td>
<td>Benjamin</td>
<td>Editor</td>
</tr><tr>
<td class="align-left">7</td>
<td>Bernard</td>
<td>Admin</td>
</tr>
<tr>
<td class="align-left">8</td>
<td>Blaine</td>
<td>Regular</td>
</tr>
<tr>
<td class="align-left">9</td>
<td>Carney</td>
<td>Editor</td>
</tr><tr>
<td class="align-left">10</td>
<td>Chandler</td>
<td>Admin</td>
</tr>
<tr>
<td class="align-left">11</td>
<td>Charles</td>
<td>Regular</td>
</tr>
<tr>
<td class="align-left">12</td>
<td>Coleman</td>
<td>Editor</td>
</tr><tr>
<td class="align-left">13</td>
<td>date 1</td>
<td>Admin</td>
</tr>
<tr>
<td class="align-left">14</td>
<td>Dalton</td>
<td>Regular</td>
</tr>
<tr>
<td class="align-left">15</td>
<td>Darian</td>
<td>Editor</td>
</tr><tr>
<td class="align-left">16</td>
<td>Dexter</td>
<td>Admin</td>
</tr>
<tr>
<td class="align-left">17</td>
<td>Elton</td>
<td>Regular</td>
</tr>
<tr>
<td class="align-left">18</td>
<td>Ernest</td>
<td>Editor</td>
</tr><tr>
<td class="align-left">19</td>
<td>date 1</td>
<td>Admin</td>
</tr>
<tr>
<td class="align-left">20</td>
<td>Fox</td>
<td>Regular</td>
</tr>
<tr>
<td class="align-left">21</td>
<td>Frasier</td>
<td>Editor</td>
</tr><tr>
<td class="align-left">22</td>
<td>Gabriel</td>
<td>Admin</td>
</tr>
<tr>
<td class="align-left">23</td>
<td>Garrick</td>
<td>Regular</td>
</tr>
<tr>
<td class="align-left">24</td>
<td>Gilbert</td>
<td>Editor</td>
</tr><tr>
<td class="align-left">25</td>
<td>Igor</td>
<td>Admin</td>
</tr>
<tr>
<td class="align-left">26</td>
<td>Isaiah</td>
<td>Regular</td>
</tr>
<tr>
<td class="align-left">27</td>
<td>Jacob</td>
<td>Editor</td>
</tr><tr>
<td class="align-left">28</td>
<td>Keegan</td>
<td>Admin</td>
</tr>
<tr>
<td class="align-left">29</td>
<td>Kendall</td>
<td>Regular</td>
</tr>
<tr>
<td class="align-left">30</td>
<td>Lancelot</td>
<td>Editor</td>
</tr>
</tbody>
</table>
If you set this to false then the pagination and the show rows selector will not be called.
DEFAULT: true
If you set this to false then the th of the table will not allow you to order the table.
DEFAULT: true
If you set this to false then the search will not be called.
DEFAULT: true