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

Popular posts from this blog

java - ImportError: No module named py4j.java_gateway -

python - Receiving "KeyError" after decoding json result from url -

c++ - Qt::make_shared for creating QSharedPtr as std::make_shared for creating std::shared_ptr -