Then you get the positive parts of tables without some of the negatives.
If that does no work for you then post a link to the page and I will see if there are other options available.
Cd&
#openTickets {
width: 900px;
top: 30px;
left:50px;
position: absolute;
border: thin solid #494ECC;
text-align: left;
}
#openTickets thead {
text-align: center;
background-color: #aaa;
}
#openTickets tbody {
background-color:#ddd;
text-align: left;
height:400px;
overflow-y: auto;
}
#openTickets td {
padding: 3px 10px;
border: thin solid #494ECC;
}
#openTickets td:nth-clild(0) { width:500px; }
#openTickets td:nth-clild(1) { width:150px; }
#openTickets td:nth-clild(2) { width:150px; }
#openTickets td:nth-clild(3) { width:150px; }
#openTickets td:nth-clild(4) { width:150px; }
#openTickets td:nth-clild(5) { width:300px; }
#openTickets td:nth-clild(6) { width:150px; }
thead >tr, tbody {
display: block;
}
<table id="openTickets">
<thead>
<td>Ticket</td>
<td>User</td>
<td>Company</td>
<td>Location</td>
<td>Subject</td>
<td>Age</td>
<td>AssignedTo</td>
</thead>
<tbody>
<tr>
<td>0</td><td>t</td><td>t</td><td>t</td><td>t</td><td>t</td><td>t</td>
</tr>
<tr>
<td>1</td><td>t</td><td>t</td><td>t</td><td>t</td><td>t</td><td>t</td>
</tr>
<tr>
<td>2</td><td>t</td><td>t</td><td>t</td><td>t</td><td>t</td><td>t</td>
</tr>
<tr>
<td>3</td><td>t</td><td>t</td><td>t</td><td>t</td><td>t</td><td>t</td>
</tr>
<tr>
<td>4</td><td>t</td><td>t</td><td>t</td><td>t</td><td>t</td><td>t</td>
</tr>
<tr>
<td>5</td><td>t</td><td>t</td><td>t</td><td>t</td><td>t</td><td>t</td>
</tr>
<tr>
<td>6</td><td>t</td><td>t</td><td>t</td><td>t</td><td>t</td><td>t</td>
</tr>
<tr>
<td>7</td><td>t</td><td>t</td><td>t</td><td>t</td><td>t</td><td>t</td>
</tr>
<tr>
<td>8</td><td>t</td><td>t</td><td>t</td><td>t</td><td>t</td><td>t</td>
</tr>
<tr>
<td>9</td><td>t</td><td>t</td><td>t</td><td>t</td><td>t</td><td>t</td>
</tr>
<tr>
<td>10</td><td>t</td><td>t</td><td>t</td><td>t</td><td>t</td><td>t</td>
</tr>
<tr>
<td>11</td><td>t</td><td>t</td><td>t</td><td>t</td><td>t</td><td>t</td>
</tr>
<tr>
<td>12</td><td>t</td><td>t</td><td>t</td><td>t</td><td>t</td><td>t</td>
</tr>
<tr>
<td>13</td><td>t</td><td>t</td><td>t</td><td>t</td><td>t</td><td>t</td>
</tr>
<tr>
<td>14</td><td>t</td><td>t</td><td>t</td><td>t</td><td>t</td><td>t</td>
</tr>
<tr>
<td>15</td><td>t</td><td>t</td><td>t</td><td>t</td><td>t</td><td>t</td>
</tr>
</tbody>
</table>
If you are experiencing a similar issue, please ask a related question
Title | # Comments | Views | Activity |
---|---|---|---|
Safari SVG Image Problem | 1 | 41 | |
Help cleaning out CSS | 2 | 52 | |
HTML5 Videos how can I make the video auto adjust to the amount depending on someones bandwidth automatically | 7 | 46 | |
Slider Moving to right hand side CSS? | 2 | 9 |
Join the community of 500,000 technology professionals and ask your questions.
Connect with top rated Experts
23 Experts available now in Live!