0

私はこのようなテーブルを持っています:

<table class="table table-bordered">
    <tbody data-bind="foreach: { data: dataset, as: 'rowInfo' }">
        <tr style="max-height: 30px" 
            data-bind="foreach: { data: $parent.metadata, as: 'colInfo' }">
            <td style="max-height: 30px" data-bind="text: rowInfo[colInfo.DataColumn],
                attr: {width: Width}"></td>
        </tr>
    </tbody>
</table>

グリッドのような体験がしたい。そのため、テキストをセル内で折り返したり、セルのサイズを変更したりしたくありません。私は、セットされた固定サイズのセルと、ノックアウトheightに由来するセットが必要です。30pxwidthcolInfo.Width

しかし、上記のコードでは、セルのサイズがコンテンツに合わせて変更されます。height属性が固定されているように設定するにはどうすればよいwidthですか?

4

1 に答える 1

1

max-heightセルの内容に aを指定するには、それを別の要素 (たとえば a ) でラップする必要がありますdiv。さらに、次のstyleようなバインディングを使用することをお勧めします。

        <td>
        <div data-bind="text: rowInfo[colInfo.DataColumn],
            style: { width: Width, height: '30px' }"></div>
        </td>

実際のデモについては、このフィドルを参照してください。

于 2013-08-27T07:07:04.593 に答える