问题背景：Excel自动格式转换的挑战
在使用bootstrap table进行数据展示和导出时，我们常常需要将表格数据导出为excel或csv格式。然而，一个常见的问题是，当某些单元格内容包含数字和斜杠（例如“5/10”），excel可能会将其误识别为日期（例如“10-may”），导致导出数据与原始数据显示不一致。这种自动转换机制虽然在某些情况下方便，但在需要保留原始文本格式时却带来了困扰。
问题的根本原因在于Excel在打开CSV或XLS文件时，会尝试智能地解析单元格内容并应用最合适的格式。对于形如“数字/数字”的字符串，Excel通常会将其解释为日期格式。为了解决这一问题，我们需要在数据导出过程中，明确指示Excel不要对特定单元格进行格式自动转换。
解决方案：利用data-tableexport-cellformat属性
Bootstrap Table的导出功能通常依赖于tableExport.jquery.plugin。这个插件提供了一系列数据属性（data attributes），允许开发者对导出行为进行更精细的控制。其中，data-tableexport-cellformat属性就是专门用于解决此类问题的有效工具。
当一个
在Bootstrap Table中实现格式控制
要在Bootstrap Table中应用data-tableexport-cellformat属性，我们需要修改相应列的配置。Bootstrap Table提供了cellAttributes选项，允许我们为表格中的每个单元格（
以下是修改后的numEnrol列配置示例：
function loadTable() {
$.ajax({
type: "POST",
url: "admin/oes/getReport",
success: function (dataRaw) {
var data = JSON.parse(dataRaw);
$('#table').bootstrapTable('destroy'); // Re-initialize
$('#table').bootstrapTable({
data: data.list,
pageNumber: 1,
pagination: 'client',
pageSize: 50,
pageList: [20, 50, 100, 200],
search: true,
exportTypes: ['csv', 'excel'],
exportOptions: {
fileName: 'geElectiveReport_' + Date.now()
},
columns: [{
field: 'sectionId',
title: 'Section ID',
sortable: true
}, {
field: 'programmeType',
title: 'Prog Type',
sortable: true
}, {
field: 'instructor',
title: 'Instructor',
sortable: true
}, {
field: 'module',
title: 'Module',
sortable: true
}, {
field: 'room',
title: 'Room',
sortable: true
}, {
field: 'week',
title: 'Week',
sortable: true
}, {
field: 'time',
title: 'Time',
sortable: true
}, {
field: 'mediumOfInstruction',
title: 'Medium of Instruction',
sortable: true
}, {
field: 'programmeNotAllow',
title: 'Programme not Allow',
sortable: true
}, {
field: 'numEnrol',
title: 'Enrolled',
sortable: true,
formatter: (value, row, index, field) => {
return value + '/' + row.quota;
},
// 关键配置：添加 cellAttributes 来防止Excel自动格式转换
cellAttributes: {
'data-tableexport-cellformat': ''
}
}]
});
},
error: function () {
alert("加载数据失败！");
}
});
}在上述代码中，我们在numEnrol列的定义中添加了cellAttributes属性，并将其值设置为一个对象{ 'data-tableexport-cellformat': '' }。这样，当Bootstrap Table渲染表格时，每个numEnrol列的单元格（
注意事项与诊断
验证导出文件内容： 在应用此解决方案后，建议您不仅在Excel中打开导出文件，还可以尝试使用纯文本编辑器（如Notepad++、VS Code等）打开导出的CSV文件。检查CSV文件中对应列的数据是否仍为“5/10”而非“10-May”。如果CSV文件中的数据已经是“10-May”，则问题可能出在数据生成或formatter函数本身，而不是Excel的后续处理。如果CSV中是正确的“5/10”，但在Excel中显示为日期，则说明data-tableexport-cellformat属性已正确发挥作用，而问题在于Excel的默认行为。
不同导出类型的影响：data-tableexport-cellformat主要针对tableExport.jquery.plugin处理Excel和CSV导出时的行为。对于其他导出格式（如PDF、TXT等），此属性可能没有直接影响，因为这些格式通常不涉及Excel的自动格式识别。
Excel的默认行为： 即使采取了措施，用户在Excel中手动打开CSV文件时，Excel仍可能弹出导入向导，允许用户选择列的数据类型。如果用户在导入向导中未明确指定列为文本格式，Excel仍可能尝试进行转换。但通过data-tableexport-cellformat导出的XLS文件，通常会更好地保留格式。
总结
通过在Bootstrap Table的列定义中巧妙地使用cellAttributes来添加data-tableexport-cellformat=""属性，我们可以有效地防止Excel在导出数据时对特定单元格内容进行不必要的日期格式自动转换。这确保了数据在导出和查看过程中的一致性和准确性，是处理类似数据格式问题的专业且高效的方法。在开发涉及数据导出的Web应用时，理解并应用此类技巧对于提升用户体验和数据可靠性至关重要。
