私はVMWare Clarity Datagridコンポーネントを使用しています。拡張可能なデータグリッドでキャレット列を非表示にするVMWare Clarity Design with Angular2 +
説明:
私は2つのデータグリッドを持っていると私は左のデータグリッド(赤)の行の1つを拡大したときに右のいずれか(青)を展開するために管理。
マイGOALS:
- は右データグリッド上のキャレットの列を非表示にして、まだその行を拡張することができます。
display: none;
ルールをブラウザの.datagrid .datagrid-expandable-caret
クラスに追加するとうまく動作しますが、.scssファイルでは正しく動作しません。 - 左のデータグリッド(赤色)のスクロールを非表示にしてもスクロールすることができます。
- 両方のデータグリッドのスクロールを同期します(多分サードパーティのコードを使用します)。
ここでは、plunkerをangular2 +の例で作成しました。
.right-div {
float: left;
height:315px;
width: 500px;
border: 4px solid cornflowerblue;
.datagrid .datagrid-expandable-caret {
padding: 2px 4px 3px;
text-align: center;
display: none;
}
}
ご意見ありがとうございました。