此处的斜线,不是用表格写的,但是也适用于表格,只是需要更改表格的样式,可以 按照如下处理,即可

呈现的效果:如图所示

template部分:

<div class="header_detail custom">
          <div class="right">节次</div>
          <div class="left">教室</div>
          <div class="line"></div>
        </div>

css部分:

.custom {
        width: 70px;
        position: relative;
        color: rgba(255, 255, 255, .6);
        cursor: default;

        .left {
          position: absolute;
          left: 7px;
          bottom: 5px;
        }

        .right {
          position: absolute;
          right: 7px;
          top: 5px;
        }

        .line {
          position: absolute;
          top: 2px;
          left: 1px;
          width: 1px;
          height: 82px;
          transform: rotate(-55deg); /*这里需要自己调整，根据线的位置*/
          -webkit-transform-origin: top;
          transform-origin: top;
          background-color: #fff;
        }
      }