ブートストラップテーブルの詳細ビューには、各行にプラスアイコンがあります。私はいくつかのスタイルを使用してそのプラスアイコンを削除しています。それは他のテーブルにも影響します。他のテーブルでは、テーブル全体の最初の列も隠れます。私はこれのための解決策をご存知ですか？ブートストラップテーブルの詳細ビューno plusアイコン
.detail-view-table thead > tr > th.detail,
.detail-view-table tbody > tr:not(.detail-view) > td:first-of-type {
display: none;
}
.detail-view-table thead > tr > th:nth-child(2),
.detail-view-table tbody > tr:not(.detail-view) > td:nth-child(2) {
border-left: none!important;
}
私はそれによって、あなたがテーブルの親要素のためのclassを宣言する必要があり、あなたがparent childセレクタCSSを使用することをお勧めします。
たとえば、テーブルがdivの内部にある場合は、.hideと呼ばれるclassを追加し、これを親として使用してから、子テーブルを選択します。
例これを行う
.hide .detail-view-table thead > tr > th.detail,
.hide .detail-view-table tbody > tr:not(.detail-view) > td:first-of-type {
display: none;
}
は、あなたが影響を受け取得したいテーブルを他のテーブルには影響しませんが。
これはあなたが探しているものを提供します。 これが役立つことを願っています。
これは動作しません。 –
もう1つのテーブルは、テーブル内のテーブルです。他のテーブルと同じテーブルのディテールビューエリアにあるように、私はプラスアイコンを削除します。 –
@ shashinipiyaratne - 親クラスにクラスを適用し、その子をターゲットにするだけで、好きなようにその部分のプラスアイコンが削除されます – Nitesh
何が起きているのか、どこにプラスアイコンがあるのかをフルコード、html、cssで覚えておいてください:) –
これはあなたのすべてのテーブルに対してこの 'detail-view-table'を追加したものだと思います。したがって、新しいセレクタ 'other-detail-view-table'を作成し、このテーブルのためだけに追加してください。 – vaso123
いいえ私はすべてのテーブルごとにそのクラスを追加していません。それでも他のテーブルにも影響します。それ以外の詳細ビューテーブルはどういう意味ですか？ –