Skip to main content ↑ ↓
Topic: Special Report Design (Read 464 times) previous topic - next topic

Special Report Design

Hello;

Is it possible to make a special report design with bootstrap/css?
I want to create a simple table like in attached file.
With this table i will change labels in html and add php codes in related field areas.
But i do not have enough information about bootstrap/css.
I can create simple tables but not in detail like merged cells.
Is there anyone to help me  :-[

Re: Special Report Design

Reply #1 –
Hello;

I create custom page and add this code:

Code: [Select]

<style>
table , td, th {
	border: 1px solid #595959;
	border-collapse: collapse;
}
td, th {
	padding: 3px;
	width: 30px;
	height: 25px;
}
th {
	background: #f0e6cc;
}
.even {
	background: #fbf8f0;
}
.odd {
	background: #fefcf9;
}
</style>

<div id="page-report-body" class="table-responsive">
    
    

                
                        <table style="width:100%">
                    	<tbody>
                    		<tr>
                    			<td colspan="4">1</td>
                    			<td colspan="4" rowspan="12" style="width:50%">42</td>
                    		</tr>
                    		<tr>
                    			<td style="width:15%">2</td>
                    			<td colspan="3" style="width:35%">7</td>
                    		</tr>
                    		<tr>
                    			<td>3</td>
                    			<td colspan="3">8</td>
                    		</tr>
                    		<tr>
                    			<td>4</td>
                    			<td colspan="3">9</td>
                    		</tr>
                    		<tr>
                    			<td>5</td>
                    			<td colspan="3">10</td>
                    		</tr>
                    		<tr>
                    			<td>6</td>
                    			<td colspan="3">11</td>
                    		</tr>
                    		<tr>
                    			<td colspan="4">12</td>
                    		</tr>
                    		<tr>
                    			<td>13</td>
                    			<td colspan="3">17</td>
                    		</tr>
                    		<tr>
                    			<td>14</td>
                    			<td colspan="3">18</td>
                    		</tr>
                    		<tr>
                    			<td>15</td>
                    			<td colspan="3">19</td>
                    		</tr>
                    		<tr>
                    			<td>16</td>
                    			<td colspan="3">20</td>
                    		</tr>
                    		<tr>
                    			<td>21</td>
                    			<td>22</td>
                    			<td>23</td>
                    			<td>24</td>
                    		</tr>
                    		<tr>
                    			<td colspan="8">25</td>
                    		</tr>
                    		<tr>
                    			<td colspan="2" rowspan="3">26</td>
                    			<td>27</td>
                    			<td>30</td>
                    			<td colspan="2" rowspan="3">34</td>
                    			<td>35</td>
                    			<td>38</td>
                    		</tr>
                    		<tr>
                    			<td>28</td>
                    			<td>31</td>
                    			<td>36</td>
                    			<td>39</td>
                    		</tr>
                    		<tr>
                    			<td>29</td>
                    			<td>32</td>
                    			<td>37</td>
                    			<td>40</td>
                    		</tr>
                    		<tr>
                    			<td colspan="4">33</td>
                    			<td colspan="4">41</td>
                    		</tr>
                    	</tbody>
                    </table>


</div>



Finally create a table and want to pull data from database.
But i did not succeded =(

How can i get data for example in 7, i want to get record id.
and all table should be repeat with all records.
 

Re: Special Report Design

Reply #2 –
Hello again;


Is there anyone to help me about this topic?
 O:)