JSFiddle - React, Tailwind, and code Playground

HAML

.container
  .item
    %table.block-right
      %colgroup
        %col{:width => "100%"}
        %col{:width => "0%"}
      %tr.t-head
        %td.trunc
          col 1
        %td
          col 2
      %tr.t-row
        %td.trunc
          hello hello
        %td
          date 1
      %tr.t-row
        %td.trunc
          hello hello hello hello hello hello hello hello hello hello hello
        %td
          date 2

CSS

table {
  white-space: nowrap;
}

td.trunc {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 0;
}

.block-right {
  margin-left: auto;
}

.container {
  background-color: #ddd;
  padding: 15px;
  max-width: 400px;
  margin: 0 auto;
}

.item {
  background-color: #bbb;
  padding: 15px;
}

.t-head {
  background-color: orange;
}

.t-row {
  background-color: salmon;
}