html - TD 元素的宽度不适用于网格

Question

<div id="example" class="k-content">


<table id="grid" style="float: left; position: relative">
    <thead>
        <tr>
            <th width ="310px"data-field="FileName">File Name
            </th>
            <th  width ="290px"data-field="ID">File Identifier
            </th>

        </tr>
    </thead>
    <tbody>
        @foreach (var item in Model)
        {
            <tr >
                <td  class="idRank" >
                    @item.FileName
                </td>
                <td  class="idRank2"  >
                    @item.ID
                </td>

            </tr>
        }
    </tbody>

我使用外部 CSS

table#grid.k-focusable td.idRank
         { width:310px;
          }

但它不适用并且不能扩大 310 像素，知道吗？还有什么其他css方法可以让我得到应用

Answer 1

因为您在(290px)处为您的第一列和另一列提供相同的宽度 ( 310px)；你必须根据你应得的桌子宽度给它们

Answer 2

不需要 Class .k-focusablein table#grid.k-focusable td.idRank { width:310px;}

由于.k-focusable未设置此宽度。

而是尝试

table#grid .idRank
{ width:310px;}