css - データテーブル Colvis スタイルの変更

Question

私はjquerymobile、css、およびdatatablesの初心者です:)。データテーブルのコルビス ボタンとリスト スタイルを変更する必要があります。

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  
} );