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
Post a Comment