Last active
October 27, 2018 04:51
-
-
Save jagroop/4c1202e40043842cc7ab00660ffb9e30 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- 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