javascript - 在jqgrid中处于编辑模式时如何使文本向右对齐

Question

我在 jqgrid 中有一个列的自定义格式化程序，在编辑模式下，它总是向左对齐。我怎样才能使它与右边对齐？

这是 colModal 和自定义格式化程序的一部分，其中一些列是可编辑的。

    colModel: [ { name: 'col10', width: '70px', fixed: true, align: right',
                  formatter:percentFomatter, editable: true }, 
    { name: 'col11', width: '70px', fixed: true, align: 'right', formatter: percentFomatter, editable: true }, 
    { name: 'col12', width: '70px', fixed: true, align: 'right' } ], function percentFomatter(cellvalue, options, rowObject) { return cellvalue + '%'; }; 

Answer 1

您可以使用editoptions:{datainit: ...将样式应用于正在编辑的元素。

例如

...
...
align: "right",
editable:true,
editoptions: {dataInit:function(e){
                e.style.textAlign = 'right';                            
             }}
...
...

我在这里创建了小演示