Table

by ptomblin

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<body>
    <section class="container">
        <form action="{% url 'uar_app_info_completed'
  review_id=review_id category_id=category_id app_id=app_id %}" method="post">
  <input type="hidden" name="csrfmiddlewaretoken" value="cqIewm6HQ8biVotBwKfpKC3A9RyxIPxs">
  <table class="table table-striped" width="940">
  
  <tbody><tr><td colspan="7"><h3>New To Review</h3></td></tr>
  
    <tr>
      <th style="min-width: 6em">Person Name</th>
      <!-- <th style="min-width: 3em">Cost Center</th>
      <th style="min-width: 3em">Windows Id</th> -->
      
      <th style="min-width: 2em">System Id 0</th>
      
      
      <th data-ot="&lt;h4&gt;Attr #0&lt;/h4&gt;&lt;br&gt;Long Attribute Description 0"><div class="attr">Attr #0</div></th>
      
      <th data-ot="&lt;h4&gt;Attr #1&lt;/h4&gt;&lt;br&gt;Long Attribute Description 1"><div class="attr">Attr #1</div></th>
      
      <th style="width: 220px">
        
      </th>
    </tr>
    
      <tr>
        <td>Sharyn Burke</td>
        <!-- <td>PyNMZ</td>
        <td>8uEeVcE</td> -->
        
        <td>aM</td>
        
        
        <td data-ot="&lt;h4&gt;attr 0 m sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies&lt;/h4&gt;&lt;br&gt;scing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient mo"><div class="attr">attr 0 m sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies</div></td>
        
        <td data-ot="&lt;h4&gt;attr 1 psum dolor sit amet, consectetuer adipiscing elit. A&lt;/h4&gt;&lt;br&gt;utate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium....

CSS

.table .attr {
  /*min-width: 5em;*/
  padding: 2px;
  /*word-wrap: break-word;*/
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}