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：隐藏在固定大小的父容器上隐藏您不希望被看到的表的一部分。然后使用javascript相对左或右移动表。

Answer 2

根据您的注释，由于您从数据库中检索每行中的项目数，因此您应该创建适当的CSS类并在生成页面时分配它们。例如，如果您有一个传入的行，并且您检查了行数组的count（或者您想要查找有多少日期），则循环显示前三个日期并为它们分配可见课程。然后，对于接下来的两个，只需为它们分配“隐藏直到显示”类。

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

2 个答案: