nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

how to display table rows side by side?

yaragallamurali

<p>Hi i have a single list of employees. Each employee will have his name and salary.</p>
<p> </p>
<p>i have given the list of employees to a table but it appears as follows</p>
<p> </p>
<p> </p>
<p><u><strong>Employee Name</strong></u> <u><strong> Salary</strong></u></p>
<p> </p>
<p><strong>harish 3000</strong></p>
<p><strong>kiran 4000</strong></p>
<p><strong>Emili 6000</strong></p>
<p><strong>harsha 7000</strong></p>
<p><strong>vardhana 8000</strong></p>
<p><strong>siri 9000</strong></p>
<p> </p>
<p><strong>i mean each employee details appears in a single row . but i want them to appear side by side on the same page as shown below.</strong></p>
<p> </p>
<p><u><strong>Employee Name</strong></u> <u><strong> Salary</strong></u><strong> </strong><u><strong>Employee Name</strong></u> <u><strong> Salary</strong></u></p>
<p>harish 3000 harsha 7000</p>
<p>kiran 4000 vardhana 8000</p>
<p>Emili 6000 siri 9000</p>
<p> </p>
<p>how can i achieve this?</p>

Find more posts tagged with

Comments

pricher

<p>Hi,</p>
<p> </p>
<p>Take a look at this <a data-ipb='nomediaparse' href='http://developer.actuate.com/community/forum/index.php?/topic/34160-newspaper-layout-in-birt/'>devshare</a>.</p>
<p> </p>
<p>P.</p>

yaragallamurali

<p>hi Perre,</p>
<p> Thanks for your answer.</p>
<p> </p>
<p>I have gone through the newspaper rptdesign. I have not understood it completly. In the outer table footer there are 3 tables inserted.</p>
<p> </p>
<p>on table one filtering, the following code is written</p>
<pre class="_prettyXprint _lang-">
pageBreakInterval = 21;
blockNumber = Math.floor(row.__rownum / pageBreakInterval) + 1;

totalColumns = 3;
columnNumber = 1;
((blockNumber - columnNumber) >= 0) && (((blockNumber - columnNumber) % totalColumns) == 0)
</pre>
<p>on table-2 filter the following code is written</p>
<pre class="_prettyXprint _lang-">
pageBreakInterval = 21;
blockNumber = Math.floor(row.__rownum / pageBreakInterval) + 1;

totalColumns = 3;
columnNumber = 2;
((blockNumber - columnNumber) >= 0) && (((blockNumber - columnNumber) % totalColumns) == 0)
</pre>
<p>on table-3 filter the following code is written</p>
<pre class="_prettyXprint _lang-">
pageBreakInterval = 21;
blockNumber = Math.floor(row.__rownum / pageBreakInterval) + 1;

totalColumns = 3;
columnNumber = 3;
((blockNumber - columnNumber) >= 0) && (((blockNumber - columnNumber) % totalColumns) == 0) </pre>
<p>hi with the above code in 3 table filters i guess the first table will be filled with first 21 records and the next 21 records will be filled in the second table and the next to next 21 records will be filled in the third table. Is this right?</p>
<p> </p>
<p>if it is the case why the three tables are kept in the footer of the outer table? please help me understand this.</p>

pricher

<p>Hi,</p>
<p> </p>
<p>The technique is pretty well explained in the report design. What the code does is establish the condition, as expressed in the last line of the snippet, when the rows from the data set will be displayed.</p>
<p> </p>
<p>P.</p>

yaragallamurali

<p>Hi Pierre,</p>
<p> I have edited the post. Please read it carefully and help me.</p>

pricher

<p>I am not the author of this devshare! But I will still try to explain the logic here.</p>
<p> </p>
<p>The data set is bound only to the outer table, meaning that the three tables inside the footer area of the outer table will inherit the data from the outer table. When the outer table's footer is instantiated, it has access to all the rows from the data set. In fact, if you were to remove the filter condition on the inner table, all the rows would be displayed. By applying the filter, each inner table displays only a portion on the entire data set. It is basically arithmetic on page break intervals and number of columns.</p>
<p> </p>
<p>Your best bet is to deconstruct the example a bit. You will be able to figure out how it works!</p>
<p> </p>
<p>P.</p>

yaragallamurali

<p>Thank you so much Pierre. I will experiment on that.</p>

satyendra kumar

<blockquote class="ipsBlockquote" data-author="yaragallamurali" data-cid="138385" data-time="1439303227"><span style="font-weight:bold;">one location id along with columns complete and so on, like wise need to display</span></blockquote>

<div>
<div>
<div style="text-align:center;">069ZUID</div>
</div>
</div>

<div>
<div>
<div style="text-align:center;">257VOSS</div>
</div>
</div>

<div>
<div>
<div style="text-align:center;">272ANTH</div>
</div>
</div>

<div>
<div>
<div style="text-align:center;">277OVER</div>
</div>
</div>

<div>
<div>
<div style="text-align:center;">277VENH</div>
</div>
</div>

<div>
<div>
<div style="text-align:center;">3</div>
</div>
</div>

<div>
<div>
<div style="text-align:center;">3</div>
</div>
</div>

<div>
<div>
<div style="text-align:center;">3</div>
</div>
</div>

<div>
<div>
<div style="text-align:center;">3</div>
</div>
</div>

<div>
<div>
<div style="text-align:center;">3</div>
</div>
</div>

<div>
<div>
<div style="text-align:center;">3</div>
</div>
</div>

<div>
<div>
<div style="text-align:center;">3</div>
</div>
</div>

<div>
<div>
<div style="text-align:center;">3</div>
</div>
</div>

<div>
<div>
<div style="text-align:center;">3</div>
</div>
</div>

<div>
<div>
<div style="text-align:center;">3</div>
</div>
</div>

<div>date</div>

<div>ps</div>

<div>pe</div>

<div>upvl0</div>

<div>upvl1</div>

<div>upvl2</div>

<div>upvl3</div>

<div>upvl4</div>

<div>upvl5</div>

<div>uspeedavg</div>

<div>upd75</div>

<div>upd80</div>

<div>upd85</div>

<div>upd90</div>

<div>dvnl0</div>

<div>dvnl1</div>

<div>dvnl2</div>

<div>dvnl3</div>

<div>dvnl4</div>

<div>dvnl5</div>

<div>dspdavg</div>

<div>dspd75</div>

<div>dspd80</div>

<div>dspd85</div>

<div>dspd90</div>

2016-03-01

00:00

00:00

87

4446

280

70

483

N/A

80.0

86

87

N/A

N/A

154

4274

250

63

472

N/A

79.0

85

86

N/A

N/A

2016-03-01

00:00

00:00

24

1639

109

14

96

N/A

82.0

95

98

N/A

N/A

72

1585

128

11

79

N/A

82.0

95

98

N/A

N/A

2016-03-01

00:00

00:00

33

6621

441

16

316

N/A

81.0

88

89

N/A

N/A

33

6640

457

20

285

N/A

82.0

90

91

N/A

N/A

2016-03-01

00:00

00:00

28

2758

179

5

148

N/A

87.0

94

97

N/A

N/A

123

2451

164

16

146

N/A

78.0

87

88

N/A

N/A

2016-03-01

00:00

00:00

21

2997

280

20

298

N/A

67.0

77

78

N/A

N/A

19

2936

283

35

288

N/A

62.0

78

79

<div> </div>