html - I want to arrange tables horizontally and vertically , contained in two DIVs arranged horizontally -
I am trying to organize 8 tables in two rows. I have two devices horizontally aligned - I am trying to align
Br> 4 tables in rows 1 line Rows 4 in the
When I try to put it in the other [left] div container inside the code below, all tables go to one line, the code below which is used I am doing
& lt; Div class = "datagrid" & gt; & Lt; Table & gt; & Lt; Thead & gt; & Lt; TR & gt; & Lt; Th & gt; Header & lt; / Th & gt; & Lt; Th & gt; Header & lt; / Th & gt; & Lt; / TR & gt; & Lt; / Thead & gt; & Lt; Tbody & gt; & Lt; TR & gt; & Lt; TD & gt; Data & lt; / TD & gt; & Lt; TD & gt; Data & lt; / TD & gt; & Lt; / TR & gt; & Lt; Tr square = "alt" & gt; & Lt; Td> Data & lt; / Td> & Lt; Td> Data & lt; / Td> & Lt; / Tr & gt; & Lt; TR & gt; & Lt; TD & gt; Data & lt; / TD & gt; & Lt; TD & gt; Data & lt; / TD & gt; & Lt; / TR & gt; & Lt; Tr square = "alt" & gt; & Lt; Td> Data & lt; / Td> & Lt; Td> Data & lt; / Td> & Lt; / Tr & gt; & Lt; TR & gt; & Lt; TD & gt; Data & lt; / TD & gt; & Lt; TD & gt; Data & lt; / TD & gt; & Lt; / TR & gt; & Lt; / Tbody & gt; & Lt; / Table & gt; & Lt; / Div & gt; Please guide me on this issue. I can upload my full code if needed.
You can get it from one original container to the first 4 tables and another in the next 4, Like:
& lt; Div class = "group" & gt; & Lt; Div class = "datagrid" & gt; Table 1 & lt; / Div & gt; & Lt; Div class = "datagrid" & gt; Table 2 & lt; / Div & gt; & Lt; Div class = "datagrid" & gt; Table 3 & lt; / Div & gt; & Lt; Div class = "datagrid" & gt; Table 4 & lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "group" & gt; & Lt; Div class = "datagrid" & gt; Table 1 & lt; / Div & gt; & Lt; Div class = "datagrid" & gt; Table 2 & lt; / Div & gt; & Lt; Div class = "datagrid" & gt; Table 3 & lt; / Div & gt; & Lt; Div class = "datagrid" & gt; Table 4 & lt; / Div & gt; & Lt; / Div & gt; Then, add these style rules:
.datagrid {float: left; } Group {clear: both; }
Comments
Post a Comment