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

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 添加到您的 padding-left？

您有我们可以查看的页面吗？