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>
Title | # Comments | Views | Activity |
---|---|---|---|
Ninja Form Reformat Bold Subheader for Wordpress site | 5 | 26 | |
can't display bootstrap glyphs in select menu | 4 | 15 | |
Urgent need help ASAP With CSS | 5 | 19 | |
How can I create a 3-element, full-width photo grid using Flex? | 9 | 20 |
Join the community of 500,000 technology professionals and ask your questions.
Connect with top rated Experts
11 Experts available now in Live!