所以我使用一个名为react-data-table-component 的npm 包。我遇到的一个问题是我无法调整宽度以显示完整的标题文本,如下所示:
这是我在此数据表中使用的自定义样式:
const CustomStyle = {
noData: {
style: {
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
color: 'white',
},
},
rows: {
style: {
zIndex: 2,
minHeight: '30px !important', // override the row height
fontSize: '14px',
whiteSpace: 'pre',
},
},
table: {
style: {
zIndex: 1,
},
},
headRow: {
style: {
minHeight: '40px',
borderTopWidth: '1px',
borderTopStyle: 'solid',
borderBottomWidth: '2px',
},
},
headCells: {
style: {
fontSize: '16px',
justifyContent: 'left',
wordWrap: 'breakWord',
},
},
subHeader: { …Run Code Online (Sandbox Code Playgroud) 所以我需要根据数据库中的数据生成一个Excel电子表格。添加数据库中的所有数据后,我需要在底部添加一个新行,说明电子表格的生成时间,如下所示:
我不知道如何让单元格在这里合并,我无法使用,worksheet.mergeCells()因为我不知道数据库中有多少行数据。使用时如何合并单元格worksheet.addRow()?