データテーブルの固定列幅

2014-03-28 css datatables

こんにちは私は私たちのウェブサイトにいくつかのデータを表示するためにデータテーブルを使用していますが、何らかの理由で列幅を固定サイズに自動的に計算できません。 列に{"sWidth": "30px;"}を指定してみましたが、うまくいきませんでした。 ここで私はテーブルをレンダリングする私のコードを与えています

    jQuery('#dynamic')
        .html('<table cellpadding="1" cellspacing="1" border="0" class="properties" id="settingsGrid"></table>');

    jQuery('#settingsGrid').dataTable({
//      "bJQueryUI": true,
        "sPaginationType": "full_numbers",
        "aaData":  aDataSet,
        "aoColumns": [
          {"sTitle":"catId", "bVisible": false},
          {"sTitle" : "Name","sWidth": "30px;"},
          {"sTitle" : "Email","sWidth": "30px;"},
          {"sTitle" : "Phone no","sWidth": "30px;"},
          {"sTitle" : "Location","sWidth": "30px;"},
          {"sTitle" : "No of Properties","sWidth": "30px;"},
          {"sTitle" : "Web Site URL","sWidth": "30px;"},
          {"sTitle" : "Created Date","sWidth": "30px;"}
          ],
          "aoColumnDefs": [ {
              "aTargets": [ 0 ],
              "mRender": function ( data, type, row ) {
                    return data +' '+ row[3];
              }
          }
          ],
          "bAutoWidth": false,
          "bDeferRender": true,
          "sScrollY": "350",
          "bScrollCollapse": true,
          "bFilter" : false,
          "bSort" : false,
          "bInfo" : false,
          "bLengthChange": false,
          "iDisplayLength": 10,
          "oLanguage": {
            "sEmptyTable": "No categories available in your name"
          },
          "oLanguage": {
              "sInfoEmpty": "No entries to show"
          },
    });

誰かが私が間違っているところを案内してくれますか?

これは私が得ている出力です、基本的に私はウェブサイトの列を縮小する必要があります。 ここに画像の説明を入力してください

Answers

このコードをcssで試してください:

 #settingsGrid td {
     width: 30px !important;
   }

Related