Shulou(Shulou.com)06/02 Report--

DataGear how to achieve a data visualization tables and charts, many novices are not very clear about this, in order to help you solve this problem, the following editor will explain in detail for you, people with this need can come to learn, I hope you can get something.

Custom column properties (title, column width, sortability, etc.)

Var tableOptions= {columns: [{/ / title title: "Custom title", / / column width: "100px", "20%" width: "100px", / / whether orderable: false can be sorted, / / whether visible: false},...]};.

Sort

Var tableOptions= {/ / enable sorting ordering: true, / / first column ascending order, second column descending order order: [[0, 'asc'], [1,' desc']]};.

Client paging

Var tableOptions= {/ / enable paging paging: true, / / optional, custom page size drop-down box lengthMenu: [10,25,50,75,100], / / optional, default page size pageLength: 50}.

Fixed column

Var tableOptions= {fixedColumns: {/ / fixed number of columns on the left leftColumns: 1, / / fixed number of columns on the right rightColumns: 1};.

Add sequence number column

Var tableOptions= {/ / add an ordinal column processRenderOptions: function (options) {var columns = options.columns; columns.unshift ({title: "serial number", orderable: false, data: "", render: function (value, type, row, meta) {return ";}}) }, / / set the ordinal column value rowCallback: function (row, data, displayNum, displayIndex, dataIndex) {$("td:first", row) .html (displayIndex);}};.

Rotational seeding

. Is it helpful for you to read the above content? If you want to know more about the relevant knowledge or read more related articles, please follow the industry information channel, thank you for your support.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.