Jqwidgets:jqxgrid中文本定位的问题

时间:2015-08-25 12:59:43

标签: html css jqxgrid jqwidget

Jqxgrid Header

在上图中,标题中的一些文字被隐藏了。我尝试了padding-bottom属性,但没有帮助。我使用jqxgrid

中的jqwidgets小部件

有关的div是.jqx-grid-header 我应该如何定位文本? 任何反馈都会有所帮助

2 个答案:

答案 0 :(得分:1)

嗯,您在列标题的文本中添加了BR标记。添加HTML标记还需要您实现列的渲染器回调函数。此函数的结果应该是要在列标题中显示的HTML字符串。

希望这有帮助。

答案 1 :(得分:0)

您可以通过在列定义中按如下方式设置它来执行此操作:

     columns: [
          { text: 'First Name', datafield: 'firstname', width: 100 },
          { text: 'Last Name', datafield: 'lastname', width: 100 },
          { text: 'Product', datafield: 'productname', width: 180 },
          { text: 'Quantity', datafield: 'quantity', width: 80, cellsalign: 'right' },
          { text: 'Unit Price', datafield: 'price', width: 90, cellsalign: 'right', cellsformat: 'c2' },
          { text: 'Total', datafield: 'total', minwidth: 100, resizable: false, width: 'auto', cellsalign: 'right', cellsformat: 'c2' }
     ]

有关详细信息,建议您阅读:

http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/index.htm#demos/jqxgrid/columnsresizing.htm

我希望有所帮助。