【问题标题】:Angular set height of table rows on Razor cshtmlRazor cshtml上表格行的角度设置高度
【发布时间】:2020-06-14 17:20:02
【问题描述】:

我想设置表格行的高度,但是当我设置高度时不尊重定义的高度并采用不同的高度,然后利用以下样式的功能:

white-space: pre-wrap;
overflow: hidden;
text-overflow: ellipsis;

我想要的是将表格行的高度设置为 100px,然后,如果文本不适合单元格,则显示三个点以暗示有更多文本我认为我可以使用样式来做到这一点省略号的...

摘要列是我不知道该怎么做的地方:

<table class="table">
    <thead config="con" array="list.students" class="table-header"></thead>
    <tbody>
        <tr ng-repeat="student in list.students">
            <td class="col-md-1 hidden-xs hidden-sm">{{student.id}}</td>
            <td class="col-md-1 hidden-xs hidden-sm">{{student.Name}}</td>
            <td class="col-md-2 hidden-xs hidden-sm">{{student.Class}}</td>
            <td class="col-md- col-sm-10 col-xs-10" style="padding-left: 10px !important; padding-right: 10px !important;">{{student.Summary}}</td>
        </tr>
    </tbody>
</table>

【问题讨论】:

    标签: html css angularjs razor styles


    【解决方案1】:

    可能会尝试将您的“样式”拼写错误更改为“样式”

    【讨论】:

    • 抱歉,我写这个是为了简化我的代码,但我运行的代码中没有错字
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-01-02
    • 2017-05-11
    • 2017-02-20
    • 1970-01-01
    • 2023-01-14
    • 2011-09-23
    • 1970-01-01
    相关资源
    最近更新 更多