Create dynamic tab with zurb foundation 5.
This plugin does not require to add specific class in table.
It adds sort and filter of table generated by ajax call inside dynatab.createTab()
- Zurb foundation 5 and their dependancies : 5.5.3
Add in the <head> page
<script type="text/javascript" src="dynatab.js"></script>Add in the <body>
<div id="content">
<ul class="tabs list__table" data-tab role="tablist">
</ul>
<div class="tabs-content content__table">
</div>
</div>dynatab.ajaxType = 'GET';
dynatab.prefixIdTab = 'css';
dynatab.contentId = 'content';
dynatab.callback = function(){alert('Loaded table!')};
var idGenerated = Math.round(Math.random() * (9999 - 1) + 1);
dynatab.createTab(
'list__table',
'content__table',
'Text tab ' + idGenerated,
'ajax.php',
{
"prefix": dynatab.prefixIdTab,
"id-tab-section": idGenerated
}
);For apply style on the tab, used class tab-action__close
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent