All Projects → royling → jquery.dataTables.TreeTable

royling / jquery.dataTables.TreeTable

Licence: MIT license
Integrate jquery.treeTable into jquery.dataTables

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to jquery.dataTables.TreeTable

laravel-datatables-scout
Laravel DataTables plugin to support Laravel Scout.
Stars: ✭ 12 (-57.14%)
Mutual labels:  datatables
trending-twitter
Simple dashboard for getting currently trending hashtags and topics on Twitter
Stars: ✭ 23 (-17.86%)
Mutual labels:  datatables
django-rest-framework-datatables-editor
Seamless integration between Django REST framework, Datatables and Datatables Editor.
Stars: ✭ 25 (-10.71%)
Mutual labels:  datatables
react-tisch
Table component for React and Bootstrap with real React components as cells
Stars: ✭ 17 (-39.29%)
Mutual labels:  datatables
laravel-datatables-editor
Laravel DataTables Editor Integration.
Stars: ✭ 105 (+275%)
Mutual labels:  datatables
logi-filter-builder
advanced SQL filter builder. Demo:
Stars: ✭ 23 (-17.86%)
Mutual labels:  datatables
EasyDataTable
易用和全面的纯Ajax分页插件(中文)
Stars: ✭ 18 (-35.71%)
Mutual labels:  datatables
jQuery-datatable-server-side-net-core
A simple Visual Studio solution using jQuery DataTable with Server-Side processing using .NET 5
Stars: ✭ 71 (+153.57%)
Mutual labels:  datatables
ant-table-extensions
Export, Search extensions to Ant Design's Table component.
Stars: ✭ 43 (+53.57%)
Mutual labels:  datatables
vue-datatables
No description or website provided.
Stars: ✭ 22 (-21.43%)
Mutual labels:  datatables
DataTables.jl
(DEPRECATED) A rewrite of DataFrames.jl based on Nullable
Stars: ✭ 28 (+0%)
Mutual labels:  datatables
ColReorderWithResize
Column reordering and resizing plug-in for DataTables
Stars: ✭ 41 (+46.43%)
Mutual labels:  datatables
DataTables.AspnetCore.Mvc
HtmlHelper wrapper for jquery DataTables
Stars: ✭ 22 (-21.43%)
Mutual labels:  datatables
editable-react-table
React table built to resemble a database.
Stars: ✭ 519 (+1753.57%)
Mutual labels:  datatables
vue-data-table
Smart table using vue.js - sorting columns, filter by string, child rows, custom columns, custom row data
Stars: ✭ 15 (-46.43%)
Mutual labels:  datatables
mongo-datatables
A package for using the jQuery plug-in DataTables server-side processing (and DataTables Editor) with MongoDB.
Stars: ✭ 14 (-50%)
Mutual labels:  datatables
datatable-examples
Using DataTables plug-in for jQuery
Stars: ✭ 29 (+3.57%)
Mutual labels:  datatables
datatables-bulma
DataTables styling for the Bulma CSS framework
Stars: ✭ 80 (+185.71%)
Mutual labels:  datatables
antares-front-end
💻 Anatres Project Front-end Implementation. Create projects with clean material-design layouts, to improve user experience with fully responsive and elastic system. Object orientend javascript with Vue components, easy to use css grids, forms, widgets, build system based on Webpack and Grunt, and many more.
Stars: ✭ 35 (+25%)
Mutual labels:  datatables
DataTablesBundle
Symfony bundle for DataTables plugin.
Stars: ✭ 13 (-53.57%)
Mutual labels:  datatables

jquery.dataTables.TreeTable

This is a plugin of jquery.dataTables to integrate jquery.treeTable v2.x. Not working with the latest jquery-treetable plugin

If you are still interested, I did create a live example here, hope this makes things clear.

To use this plugin, check out the first 2 points and make use of the APIs in point 3:

  • Add the feature char 'T' into "sDom" property in the initial settings of jquery.dataTables.
  • Specify initial settings for jquery.treeTable integrated, which is "oTreeTable" property in the initial settings of jquery.dataTables. For example:
    $('#example').dataTable({
        "sDom": "Ttfr",
        "oTreeTable": {
            "fnPreInit": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) {
            // This function will be registerd as "aoRowCallback" of jquery.dataTables,
            //  thus it has the same signature as "fnRowCallback".
            // Specify "id" & "class" attributes for each row (TR) required by jquery.treeTable:
            //   for parent rows, add class 'parent';
            //   for children rows, add a class with name of prefix - 'child-of-' and parent id
            },
            "showExpander": true,
            // The other settings to override the default options of jquery.treeTable, e.g. childPrefix, etc.
        },
        // The other settings of jquery.dataTables here...
    });
  • Few APIs (extending jquery.dataTables) are also added to handle treeTable specifically, those are:
    1. isTreeTable()
    2. fnReloadAjaxTreeTable(sNewSource, fnCallback, bStandingDraw)
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].