0

UI に Javascript、AngularJS、Materialize CSS を使用して Web アプリケーションを作成しています。Materialise CSS はこれまでのところ素晴らしいツールですが、問題があります。

テーブルに Angular-Datatables を使用したいのですが、Materialize CSS によって操作されているため使用できません。特別なことを書く必要さえありません。書くだけで、<table>すでにマテリアライズのテーブルを使用しています。

私の質問は、Angular-Datatables を使用できるように、他のすべてにマテリアライズ CSS を使用し続けながら、デフォルトのテーブルの CSS を使用するにはどうすればよいですか?

ありがとう。

編集：

ここに私の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>

このコードは、次の表を生成します。

<table>angular-datatables を使用すると、彼らのサイトをたどると、タグをに変更するだけで済みます。次の<table datatable="">ようになります。

4

1 に答える 1

2

次の 3 つの選択肢があります。

1.) マテリアライズによって追加された問題のあるルールを特定し、独自のスタイル シートで必要なスタイルに一致するように上書きします。

2.) マテリアライズの縮小されていないバージョンを使用し、問題のあるスタイルを削除します

3.) マテリアライズ ソースからテーブル スタイルを削除し、SASS を自分でコンパイルします ( https://prepros.io/これで SASS をコンパイルできるはずです)。

于 2016-05-26T08:10:09.503 に答える