Skip to content

Instantly share code, notes, and snippets.

@jagroop jagroop/test.php
Last active Oct 27, 2018

Embed
What would you like to do?
<!-- Learn about this code on MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout -->
<style>
table {
table-layout: fixed;
width: 100%;
border-collapse: collapse;
}
th {
border: 1px solid blue;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
td {
border: 1px solid #999;
overflow: hidden;
white-space: pre-line;
text-overflow: ellipsis;
}
</style>
<table>
<thead>
<tr>
<th width="10%">Project</th>
<th width="20%">Task</th>
<th width="50%">Description</th>
<th width="10%">Developer</th>
<th width="5%">Status</th>
<th width="5%">Progress</th>
</tr>
</thead>
<tbody>
<tr>
<td>Edasdasd</td>
<td>Wood</td>
<td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus, ab perferendis alias hic sit consequuntur minima ut cupiditate quae dolorum consequatur, impedit illo corporis nostrum cum iste maxime. Itaque, animi.</td>
<td>Wood</td>
<td>Wood</td>
<td>Wood</td>
</tr>
<tr>
<td>Albert</td>
<td>Schweitzer</td>
<td>Schweitzer</td>
<td>Schweitzer</td>
<td>Schweitzer</td>
<td>Schweitzer</td>
</tr>
<tr>
<td>Jane</td>
<td>Fonda</td>
<td>Fonda</td>
<td>Fonda</td>
<td>Fonda</td>
<td>Fonda</td>
</tr>
<tr>
<td>William</td>
<td>Shakespeare</td>
<td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta sint architecto a quia numquam consequuntur, qui vel accusamus quibusdam, repudiandae aliquid hic quod voluptate obcaecati inventore, modi delectus deserunt officia!</td>
<td>Shakespeare</td>
<td>Shakespeare</td>
<td>lorem</td>
</tr>
</tbody>
</table>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.