javascript - 如何增加数据表中的列宽

Question

$(document).ready(function() {
    var myTable = $('#example').DataTable({
      "serverSide": true,
      "processing": true,
      "paging": true,
      "autoWidth": false,
      //"searching": { "regex": true },
      searching: false,
      "lengthMenu": [ [10, 25, 50, 100, 250,500 ,1000], [10, 25, 50, 100, 250,500 ,1000] ],
      "ajax": {
          "type": "POST",
          "url": "packetsScannedListData?total=" +total ,
          "dataType": "json",
          "contentType": 'application/json; charset=utf-8',
          "data": function (data) {
              var info = $('#example').DataTable().page.info();
              pageOrders = {};
              return JSON.stringify(info);
          } 

    }, 
      "columns": [
                { "data": "orderNo" },
                { "data": "crderDate" },
                { "data": "clientName" }
             ],

     }); 

Answer 1

你可以用like设置列

 "columns": [
                { "data": "orderNo" , "width":"20%" },
                { "data": "crderDate" , "width":"50%" },
                { "data": "clientName" , "width":"30%" }
             ],

https://datatables.net/reference/option/columns.width