时间戳

首页 > 解决方案 > 如何根据数据自定义jQuery数据表中th或td的宽度？

jquery - 如何根据数据自定义jQuery数据表中th或td的宽度？

问题描述

我正在使用 jQuery 数据表，最初该数据表在 ajax 调用后将为空白，它将显示数据，但一些数据及其标题正在中断。如何自定义它们的宽度以使其在单行中不间断地显示？

在 HTML 中----

<th width="20%" align="left" valign="middle">ON US / ON UK</th> 
<th width="20%" align="left" valign="middle">Merchant Percentage Commercial</th>

在 JS 代码中----我在从 ajax 调用中获取数据时动态放置宽度。

"columns" : [{
      "data" : "ON US/ ON UK",
      "width" : "20%"
      },  
          {
      "data" : "merchant Percentage commercial",
      "width" : "25%"
      }]

我希望数据表和数据的所有标题都应该在一行中不间断。

标签： jqueryuser-interfacedatatable

解决方案

为了实现这一点，您可以参考https://datatables.net/forums/discussion/45615/how-to-load-table-from-ajax-request

另外，看看这个 https://datatables.net/reference/option/ajax.data

推荐阅读