[html] How to get the <td> in HTML tables to fit content, and let a specific <td> fill in the rest

table{
    width:100%;
}
table td{
    white-space: nowrap;  /** added **/
}
table td:last-child{
    width:100%;
}

    table {_x000D_
      width: 100%;_x000D_
    }_x000D_
    table td {_x000D_
      white-space: nowrap;_x000D_
    }_x000D_
    table td:last-child {_x000D_
      width: 100%;_x000D_
    }

<table border="1">_x000D_
  <thead>_x000D_
    <tr>_x000D_
      <th>Column A</th>_x000D_
      <th>Column B</th>_x000D_
      <th>Column C</th>_x000D_
      <th class="absorbing-column">Column D</th>_x000D_
    </tr>_x000D_
  </thead>_x000D_
  <tbody>_x000D_
    <tr>_x000D_
      <td>Data A.1 lorem</td>_x000D_
      <td>Data B.1 ip</td>_x000D_
      <td>Data C.1 sum l</td>_x000D_
      <td>Data D.1</td>_x000D_
    </tr>_x000D_
    <tr>_x000D_
      <td>Data A.2 ipsum</td>_x000D_
      <td>Data B.2 lorem</td>_x000D_
      <td>Data C.2 some data</td>_x000D_
      <td>Data D.2 a long line of text that is long</td>_x000D_
    </tr>_x000D_
    <tr>_x000D_
      <td>Data A.3</td>_x000D_
      <td>Data B.3</td>_x000D_
      <td>Data C.3</td>_x000D_
      <td>Data D.3</td>_x000D_
    </tr>_x000D_
  </tbody>_x000D_
</table>

Examples related to html

• Embed ruby within URL : Middleman Blog • Please help me convert this script to a simple image slider • Generating a list of pages (not posts) without the index file • Why there is this "clear" class before footer? • Is it possible to change the content HTML5 alert messages? • Getting all files in directory with ajax • DevTools failed to load SourceMap: Could not load content for chrome-extension • How to set width of mat-table column in angular? • How to open a link in new tab using angular? • ERROR Error: Uncaught (in promise), Cannot match any routes. URL Segment

Examples related to css

• need to add a class to an element • Using Lato fonts in my css (@font-face) • Please help me convert this script to a simple image slider • Why there is this "clear" class before footer? • How to set width of mat-table column in angular? • Center content vertically on Vuetify • bootstrap 4 file input doesn't show the file name • Bootstrap 4: responsive sidebar menu to top navbar • Stylesheet not loaded because of MIME-type • Force flex item to span full row width

Examples related to html-table

• Table column sizing • DataTables: Cannot read property 'length' of undefined • TypeError: a bytes-like object is required, not 'str' in python and CSV • How to get the <td> in HTML tables to fit content, and let a specific <td> fill in the rest • How to stick table header(thead) on top while scrolling down the table rows with fixed header(navbar) in bootstrap 3? • Sorting table rows according to table header column using javascript or jquery • How to make background of table cell transparent • How to auto adjust table td width from the content • bootstrap responsive table content wrapping • How to print table using Javascript?

Examples related to width

• How to Determine the Screen Height and Width in Flutter • Change New Google Recaptcha (v2) Width • How to get the <td> in HTML tables to fit content, and let a specific <td> fill in the rest • Full width image with fixed height • Width equal to content • CSS to make table 100% of max-width • CSS Input with width: 100% goes outside parent's bound • HTML email in outlook table width issue - content is wider than the specified table width • How to set up fixed width for <td>? • How to make div's percentage width relative to parent div and not viewport