如何在extjs中的dataView表中设置文本对齐方式

时间:2017-03-09 07:11:56

标签: html extjs html-table dataview

我有一个dataView,我想像这样设置我的文本 详细信息:这是一个testttete33 jlkxjcsksjcj jxzlkzxlckjzlcj; c; z zzcjzlcxl; 让我在图片enter image description here

中向我展示

所以你看到我的详细信息字段不好(对齐) 这是我的代码

items: [{
  xtype: 'dataview',
  itemSelector: 'table',
  itemTpl: [
    '<tpl for=".">',
    '    <table width="100%" class="basic" style="min-height:100px;">',                       
    '        <tr>',
    '            <td width="25%"><b>ID #:</b></td>',
    '            <td width="25%">{id}</td>',
    '            <td width="25%"><b>Name:</b></td>',
    '            <td width="25%">{name}</td>',
    '        </tr>',
    '        <tr>',
    '             <td><b>Details:</b></td>',
    '             <td align="justify">{details}</td>',
    '        </tr>',
    '    </table>',
    '</tpl>'
  ],
  bind: {
    store: '{viewpermission}'
  }
}],

1 个答案:

答案 0 :(得分:2)

您已设置ENTER,这就是您所拥有的。我在屏幕截图中看到它有效。

您的问题出在其他地方。这就是你的桌子现在的样子(由我夸大):

td align=justify

你可能想要的是

+---------+---------+---------+---------+
| ID #    | 29      | Name:   | testme  |
+---------+---------+---------+---------+
| Details:| this is |
|         | a  test |
|         | for  me |
|         | 1234567 |
+---------+---------+

所以你真正想要的是+---------+---------+---------+---------+ | ID # | 29 | Name: | testme | +---------+---------+---------+---------+ | Details:| this is a test for me | | | 1234567 | +---------+-----------------------------+ ......