javascript - 更改用 php/mysql 创建的表行宽度的最佳方法？

Question

我有一个表格，显示使用 php 从 mysql 数据库检索到的日历日期。每行代表一个月，每个 td 是该月的一个日期。每行最多三个可见日期，之后它们将被隐藏，以使用 js 轮播查看:

          |---------visible area---------|----hidden area----|           

tr (OCT): |    td        td        td    |
tr (NOV): |    td        td        td    |    td        td
tr (DEC): |    td        td              |

我需要一种方法来设置每个 tr 在被 tds 填充后的宽度。如果每个 td 为 20rem，则顶行为 60rem，中间为 100rem，底部为 40rem。我试过用 php 回显 javascript，但没有成功:

echo '<script>$("#' . $monthWord . '").css("width","' . ($numDates * 20) . 'rem");</script>';

你有什么建议？谢谢你的帮助。

Answer 1

我不认为你可以像那样为不同的行设置不同的宽度，最终，表格和所有行的宽度将与最宽行所需的宽度相同，或者与表格样式属性中设置的宽度相同。

相反，您应该创建包含所有行的表，然后隐藏表中您不想被看到的部分，使用 overflow:hidden 在固定大小的父容器上。然后使用 javascript 相对向左或向右移动表格。