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

因为你给第一列的宽度（310px）和（290px）的另一列; 你必须根据你应得的桌子宽度给他们

Answer 2

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

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

而是尝试

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