ユーザーにデータを表示する必要があります。
データは「Label: InputForLabel」として表示され、2 つの列があります。次のようになります。
各行に 4 列のテーブルを使用することから始めました。各列の幅は 25% で、テーブルの幅は 100% です。これにより、上記の表示が得られます。
.ContentTable {
width: 100%;
}
.ContentTable tr {
height: 18px;
}
.ContentTable tr td{
width: 25%;
}
ここで、特定のアイテムとそのラベルを動的に削除できるようにするという追加の要件があります。アイテム/ラベルを非表示にするだけでは、テーブルにギャップが残ります。行ごとに常に2つのアイテム/ラベルを表示し、アイテム/ラベルが非表示になっているときにすべてが折りたたまれていることを望んでいます。
これは、div がより簡単に実行できるように思えますか? または、テーブルオブジェクトに「各行に常にこの数の列があります。列が非表示の場合、次の行から最初の列を引き出し、すべてを前方にスライドさせます」と伝える方法はありますか?