1

我是 jquerymobile、css 和数据表的新手:)。我需要更改数据表 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  
} );
4

0 回答 0