表td宽度固定为th

Question

我正在用PHP中的Ajax获取数据。我的表td宽度未固定为表th宽度。如何在CSS中管理td宽度。

这是脚本

HTML

GET PARAMETER ID 'XXX' FIELD YYY.

JS

<table id="example" class="table">
    <thead>
      <tr>
        <th>Category</th>
        <th width="20%">Name</th>
        <th width="20%">Father Name</th>
        <th width="60%">Notes</th>
      </tr>
    </thead>
  </table>

PHP

var mainTable = $('#example').DataTable({
  'ajax': 'fetch.php',
    'order': []
});

Answer 1

您可以像这样使用CSS

CSS

table tbody tr{
width: auto;
}