0

我正在为我的 UI 使用 Javascript、AngularJS 和 Materialize CSS 制作一个 Web 应用程序。到目前为止，Materialize CSS 一直是一个很棒的工具，但我有一个问题。

我想为我的表格使用 Angular-Datatables，但我不能，因为它们是由 Materialize CSS 操作的。你甚至不需要写任何特别的东西，你只需要写<table>，你就已经在使用 Materialise 的表了。

所以我的问题是：我如何继续对其他所有内容使用 Materialize CSS，但使用默认表的 CSS 以便我可以使用 Angular-Datatables？

谢谢。

编辑：

这是我的 HTML 代码：

<table>
    <thead>
        <tr>
            <th style="width:15%"><b>ID</b></th>
            <th style="width:40%"><b>Title</b></th>
            <th style="width:15%"><b>Start Date</b></th>
            <th style="width:20%"><b>End Date</b></th>
            <th style="width:10%"><b>Type</b></th>
        </tr>
    </thead>
    <tbody>
        <tr ng-repeat="task in tasks track by $index">
            <td>{{task.id}}</td>
            <td>{{task.title}}</td>
            <td>{{task.start_day}} {{task.start_time}}</td>
            <td>{{task.end_day}} {{task.end_time}}</td>
            <td>{{task.type}}</td>
        </tr>
    </tbody>
</table>

此代码生成下表：

使用 angular-datatables，如果您关注他们的网站，您只需将<table>标签更改为<table datatable="">，它看起来像这样：

4

1 回答 1

2

你有三个选择：

1.) 识别 Materialize 添加的违规规则并覆盖它们以匹配您在自己的样式表中所需的样式

2.) 使用未缩小版本的 Materialise 并删除有问题的样式

3.）从 Materialize 源代码中删除任何表格样式并自己编译 SASS（https://prepros.io/这应该可以编译您的 SASS）

于 2016-05-26T08:10:09.503 回答