html - How to jump specific tr to the right? -


I have a datasheet table that uses the alignment plugin. I want to jump the rows into groups on the right.

Just said: Group-item class TRS should be taken, say 10 px from the right.

You have to change the structure slightly

Option 1, Nest a new table

  & lt; style & gt; .subTable {margin-left: 10px;} & Lt; / style & gt; & lt; Table & gt; & lt; tr & gt; & lt; td & gt; Table class = "subtebble" & gt; & lt; tr & gt; & lt ; TD & gt; & lt; / TD & gt; & lt; / TR & gt; & lt; / table & gt; & lt; / TD & gt; & lt; / tr & gt; & lt; / table & gt;   

Option 2 Any other type of structure Is to use and emulate the table view:

  style & gt; .jump-over {status: relative; left: 10px;} & lt; / style & gt; & lt; div class = "table" & gt; div class = "row" & gt; & lt; div class = "span1" & gt; & lt; / div & gt; & lt; div Class = "span1" & gt; & lt; / div> gt; div class = "span1" & gt; & lt; / div & gt; & lt; div class = "span 1" & gt; & Lt; / Div & gt; & Lt; Div class = "span 1" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "line jump-over" & gt; & Lt; Div class = "span1" & gt; & Lt; / Div & gt; & Lt; Div class = "span 1" & gt; & Lt; / Div & gt; & Lt; Div class = "span 1" & gt; & Lt; / Div & gt; & Lt; Div class = "span 1" & gt; & Lt; / Div & gt; & Lt; Div class = "span 1" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "row" & gt; & Lt; Div class = "span 1" & gt; & Lt; / Div & gt; & Lt; Div class = "span 1" & gt; & Lt; / Div & gt; & Lt; Div class = "span 1" & gt; & Lt; / Div & gt; & Lt; Div class = "span 1" & gt; & Lt; / Div & gt; & Lt; Div class = "span 1" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;   

For this, other CSS should be handy and controlled by your personal design. You can use the grid framework to do line and columns for yourself, but I will not try to make it responsive because it will break table emulation.

The last two options have the column width of the original table; The sub-table will have its own column width based on its content and the width should be clearly set to start with the deal, which is a very ugly option which I do not recommend: this is an additional & lt ; Td> can be done by putting the first child in the queue in the question, but then the first of all the earlier children will have to set col-span in the parent table (below each nested +1 for the table). You can see why it would be a bad idea.

Disclaimer: This is a unwanted code and it only means describing one technique.

Comments

Popular posts from this blog

php - PDO bindParam() fatal error -

logging - How can I log both the Request.InputStream and Response.OutputStream traffic in my ASP.NET MVC3 Application for specific Actions? -

java - Why my included JSP file won't get processed correctly? -