表格列与小宽度上的空标题截止

Question

对表头字段使用表格响应，最右边的列有按钮，标题中没有文字。当宽度太小时，使用滚动条切断柱子并且不能完全看到。如果为标题添加了文本，几乎所有列都可见，但我不想这样做，并且它不是一个完整的解决方案。

td.appointments-familyid{
  width: 5%;
}

td.appointments-counselor{
  width: 20%;
}

td.appointments-survey{
  width: 25%;
}

td.appointments-date{
  width: 10%;
}

td.appointments-starttime{
  width: 15%;
}

td.appointments-progress{
  width: 15%;
}

td.appointments-begin{
  width:10%; 
}

table.table-appointments td{
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

CSS：

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
    margin-right: 20px;
}

表格响应添加：

git log

渲染表如下所示：