使用JQuery在表格行中插入新单元格？

Question

我知道JQuery是一个非常强大的库，只是想知道它是否具有我真正需要的以下功能。

假设我需要将新单元格插入表格行，我知道如何执行此基本任务，但由于新单元格需要一些要求，我需要以非常不寻常的方式插入单元格

我需要能够将一定距离的单元格插入到行中。例如，如果一行是1000像素宽，那么JQuery中是否有一个功能允许我将250个像素的单元格插入到行中并拥有一个单元格宽度为50像素，并将另一个500像素的单元格插入到行中，单元格宽度为100像素。我知道如何使用JQuery设置单元格宽度，而不是距离成行。

这些值不会与上面的完全相同，因为它们实际上是从数据库中读取的，因此，例如，一个单元格将具有以下值：

CELL_01
$开始= 100;
$光洁度= 150;

以上意味着需要一个新的单元格，需要将100个像素插入到行中并且宽度为50像素，我似乎无法找到在我的应用程序中实现此功能的方法。

我怎么能完成这项任务？

很抱歉这么奇怪的问题，但我似乎无法让这个工作。

Answer 1

您可以通过使用单个列表（或嵌套div的等价物）来模拟这一点，然后使用CSS相对定位将更多div放入您喜欢的偏移量的行中。

我认为你不能用td来做，因为这些都是固定的列宽。

Answer 2

真的不明白这里的主要问题是什么。但是从我的看来，看起来你正在尝试创建一个Datagrid。由于您使用的是JQuery，我建议您查看此库：http://plugins.jquery.com/project/jqGrids。至于表的自定义（如在HTML标记中），这将使你疯狂。

Answer 3

您是否正在寻找类似this plugin的名为jLayout的内容？