更改数据表Colvis样式

时间:2012-08-30 13:28:49

标签: css3 jquery-mobile jquery-datatables

我是jquerymobile,css和datatables :)的新手。 我需要更改数据表Colvis按钮&列表样式。

http://stokkers.mobi/jqm/tableview/demo.html对我来说是个很好的榜样。它使用(+)图标而不是“显示/隐藏列”文本,并选择列打开一个带有jquerymobile样式复选框控制组的弹出窗口。我使用以下代码创建了数据表,因此无法复制/粘贴此链接:)

此外,我不想编辑jquerymobile的javascript或css文件,以便轻松升级更多版本。

意识到jquerymobile环境中需要响应式tableGrid插件。我认为Datatables可以做到这一点..

感谢您的帮助

$('#dynamicDatatableDIV').html( '<table id="dynamicDatatable" class="tbl_basket_style"></table>' );               
$('#dynamicDatatable').dataTable( {
    "sDom": 'frCtip', //ColVis  'frtCipl'        
    "oTableTools": {
        "sSwfPath": "swf/copy_csv_xls_pdf.swf",
        "aButtons": [ "copy", "csv", "xls", "pdf" ]                       
    },
    //"bStateSave": true,//length, filtering, pagination and sorting not change when refresh(cooki)
    "sPaginationType": "full_numbers",        
    "iDisplayLength": 65536,
    "oColVis": {
        //"buttonText": "Show / Hide columns",
        "bRestore": true,
        "sAlign": "right"
    },        
    "aaData": aDataSet,        
    "aoColumns": aColumnData  
} );

0 个答案:

没有答案