时间戳

首页 > 解决方案 > 在调整大小列的表刷新 10 秒后设置宽度？

javascript - 在调整大小列的表刷新 10 秒后设置宽度？

问题描述

我的问题是我的页面将在 10 秒后刷新，并且我已经添加了调整列大小的功能。

但是在 10 秒后刷新页面后。表 th 回到原来的位置。

主要问题是，我想如何在调整 th 后获得特定 th 的宽度并将该宽度应用于 th。

什么是 jquery 事件以在调整大小时获取宽度，以及什么方法只将宽度应用于其他人。这样用户将在表格刷新后看到宽度大小。

div {
  resize: horizontal;
  overflow: auto;
  ;
}

td {
  text-align: center;
}
<div id="banner-message">
  <table cellpadding="0" cellspacing="0" border="0">
    <thead>
      <tr>
        <th>
          <div>One</div>
        </th>
        <th>
          <div>Two</div>
        </th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>ab</td>
        <td>cd</td>
      </tr>
    </tbody>
  </table>

</div>

标签： javascriptjqueryhtmlcss

解决方案

我得到了答案

在 th 中添加了 div 元素

<th><div>#</div></th>

1.用于调整列

$("#thead_DispatchTrip th").resizable({
        handles: "e",
        resize: function (event, ui) {
            $(ui.element).find('div').width(ui.size.width);
        }
    });

2.获取宽度

tableWidth = [];
    $("#thead_DispatchTrip th").each(function () {
        tableWidth.push($(this).find('div').width());
    });

3. 10秒后设置宽度

$("#thead_DispatchTrip th").each(function (i,el) {
    $(this).find('div').width(tableWidth[i]);
});

推荐阅读