Question

JQgrid为左对齐的单元格输出此html - 但它太难以向左移动并触及网格线：

<td title="P-1" class="grid-text" style="text-align: left; width: 92px;" 
    role="gridcell">some text content</td>

我如何设计样式，以便左侧有一点空间？

我试过了：

.grid-text {
    text-align: left;
    margin-left: 4px; // padding-left didnt work either
}

但左派仍然很难。

另一方面，右对齐文本也有同样的问题：难以对抗并触摸网格线

<td title="1.37" class="grid-number" style="text-align: right; width: 55px;"
    role="gridcell">1.37</td>

最后，当编辑内联时，输入框也很难在右边触及行：

<td title="14.00" class="grid-number" style="text-align: right;" role="gridcell">
    <input type="text" style="width: 98%;" maxlength="20" id="2_qty" name="qty" 
           class="editable"></td>

我能做些什么来解决这个问题吗？最好带一点点CSS？

Answer 1

您是否尝试将!important添加到左侧填充？

你有一个我们可以看的页面吗？

JQuery JQGrid - 如何在不触及网格线的情况下右/右对齐CSS？

1 个答案: