DataGear中怎么實現(xiàn)一個數(shù)據(jù)可視化表格圖表,很多新手對此不是很清楚,為了幫助大家解決這個難題,下面小編將為大家詳細(xì)講解,有這方面需求的人可以來學(xué)習(xí)下,希望你能有所收獲。
成都創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司是一家服務(wù)多年做網(wǎng)站建設(shè)策劃設(shè)計制作的公司,為廣大用戶提供了成都做網(wǎng)站、網(wǎng)站制作,成都網(wǎng)站設(shè)計,1元廣告,成都做網(wǎng)站選成都創(chuàng)新互聯(lián),貼合企業(yè)需求,高性價比,滿足客戶不同層次的需求一站式服務(wù)歡迎致電。
自定義列屬性(標(biāo)題、列寬、是否可排序等)
<script type="text/javascript"> var tableOptions= { columns: [ { //標(biāo)題 title: "自定義標(biāo)題", //列寬:"100px"、"20%" width: "100px", //是否可排序 orderable: false, //是否可見 visible: false }, ... ] }; </script> ... <div dg-chart-options="tableOptions" dg-chart-widget="..."></div> ...
排序
<script type="text/javascript"> var tableOptions= { //開啟排序 ordering: true, //第一列升序、第二列降序 order: [[ 0, 'asc' ], [ 1, 'desc' ]] }; </script> ... <div dg-chart-options="tableOptions" dg-chart-widget="..."></div> ...
客戶端分頁
<script type="text/javascript"> var tableOptions= { //開啟分頁 paging: true, //可選,自定義頁大小下拉框 lengthMenu: [ 10, 25, 50, 75, 100 ], //可選,默認(rèn)頁大小 pageLength: 50 }; </script> ... <div dg-chart-options="tableOptions" dg-chart-widget="..."></div> ...
固定列
<script type="text/javascript"> var tableOptions= { fixedColumns: { //左邊固定列數(shù) leftColumns: 1, //右邊固定列數(shù) rightColumns: 1 } }; </script> ... <div dg-chart-options="tableOptions" dg-chart-widget="..."></div> ...
添加序號列
<script type="text/javascript"> var tableOptions= { //添加一個序號列 processRenderOptions: function(options) { var columns = options.columns; columns.unshift( { title: "序號", orderable: false, data: "", render: function(value, type, row, meta) { return ""; } }); }, //設(shè)置序號列值 rowCallback: function(row, data, displayNum, displayIndex, dataIndex) { $("td:first", row).html(displayIndex); } }; </script> ... <div dg-chart-options="tableOptions" dg-chart-widget="..."></div> ...
輪播
... <div dg-chart-options="{carousel: true}" dg-chart-widget="..."></div> ...
看完上述內(nèi)容是否對您有幫助呢?如果還想對相關(guān)知識有進(jìn)一步的了解或閱讀更多相關(guān)文章,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝您對創(chuàng)新互聯(lián)的支持。
文章名稱:DataGear中怎么實現(xiàn)一個數(shù)據(jù)可視化表格圖表
分享路徑:http://muchs.cn/article34/ghsise.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供小程序開發(fā)、域名注冊、品牌網(wǎng)站建設(shè)、關(guān)鍵詞優(yōu)化、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)