Have Geek Brain

Using JQuery to insert new cells into a table row?

I know JQuery is a very powerful library and I'm just wondering if I have a feature that I really need.

Suppose I need to insert new cells into a table row, I know how to accomplish this basic task, but I need to insert my cells in a very unusual way due to some of the requirements that are needed for new cells.

I need to be able to insert cells a certain distance into a row. For example, if the row was 1000px wide, is there a function in JQuery that would allow me to insert a cell 250px into a row and have a cell 50px wide, and insert another 500px cell into a row with a cell width of 100px. I know how to set the width of the cells using JQuery, not the distance to the line.

The values ​​will never be the same as above, because they are actually read from the database, so, for example, one cell will have the following values:

CELL_01
$ Start = 100;
$ Finish = 150;

the above would mean a new cell is needed, which needs to be inserted at the 100px digit and is 50px wide, I just can't find a way to implement this functionality in my application.

How could I accomplish this task?

Sorry for such a weird question, but I just can't get it to work.

+2


a source to share


3 answers


You can emulate this by having a single column table (or the equivalent in terms of nested divs) and then use CSS relative positioning to position more divs on the lines at the offsets you want.



I don't think you can do this with td as they are related to fixed column widths.

+2


a source


I don't understand what the main question is. But in my opinion it looks like you are trying to create a Datagrid. Since you are using JQuery, I recommend taking a look at this library: http://plugins.jquery.com/project/jqGrids . As far as setting up tables (as in the HTML tag) is concerned, this will confuse you.



0


a source


Are you looking for something like this plugin called jLayout?

0


a source






More articles:


All Articles