У меня есть БД, которая содержит некоторые данные, например. записи сотрудника, предположим, что одна запись имеет текстовое поле как «Hel (несколько пробелов) lo», затем на переднем конце также я хочу, чтобы данные отображались как «Hel (несколько пробелов) lo», но не как «Hel lo» ieExtra пробелы должны быть предоставлены. Я использую ext.js для рендеринга HTML, это атрибут ext.js
Вы должны указать renderer
Конфиг в столбце, и вы должны заменить space
с
renderer: function(value){
return value.replace(/[^A-Z0-9]/ig, " ");
}
Стиль, отвечающий за отображение пустого пространства white-space
,
Основываясь на вашем описании, я думаю, вы захотите либо white-space:pre
или же white-space:pre-wrap
Вот пример одного из способов применения этого стиля к столбцу:
Ext.util.CSS.createStyleSheet(
'.custom-whitespace .x-grid-cell-inner { white-space:pre }'
);
Ext.create('Ext.grid.Panel', {
renderTo: Ext.getBody(),
title: 'StackOverflow: Maintain white-spaces in Data when using extjs',
columns: [{
header: 'col',
flex: 1,
dataIndex: 'field1',
tdCls: 'custom-whitespace'
}],
store: [
['one two three'],
['four five six'],
['seven eight nine']
]
});
Также доступно в сенча скрипка для вашего удобства.