el-table内部的样式

<el-table-column prop="record" label="记录" min-width="300">
                <template slot-scope="scope">
                    <el-tooltip :content="scope.row.record" placement="top">
                        <span class="name-wrapper">{{ scope.row.record || ' -- ' }}</span>
                    </el-tooltip>
                </template>
            </el-table-column>



<el-table-column prop="storedFileName" label="附件" min-width="180">
                <template slot-scope="scope">
                    <el-button v-if="scope.row.storedFileName" type="text" size="small" >{{ scope.row.storedFileName }}</el-button>
                    <span v-else>{{ ' -- ' }}</span>
                </template>
            </el-table-column>





/deep/ .el-table {
    margin-left: 45px;
}
/deep/ .el-table__row {
    height: 53px;
}
/deep/ .el-table thead {
        height: 53px;
}
.name-wrapper {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.el-table .el-button {
    line-height: 20px;
    white-space: normal;
    text-align: left;
}
/deep/ .el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: $btnBgColor;
}