我已经实现了react-pivottable
只是想知道是否有一种方法可以在jQuery数据 TableView 中显示整个数据集
即,我有几列想要在表格 View 中显示所有列,以获取下面的以下数据
[
'SRN', 'MainSystemType', 'MagnetType', 'MagnetCoverType', 'MagnetRMMUType',
'MagnetHighOrderShimPowerSupply', 'GradientAmplifierType',
'GradientInterfaceType', 'GradientSwitchType', 'RFSystemB1FieldSystem',
'RFSystemFrontendInterface', 'CabinetsDasCabinet',
'ReconstructorAvailableMemory', 'ReconstructorNumberOfProcessors',
'AcquisitionSystemBulkBoardType', 'CabinetsCoolersCabinet',
'AcquisitionSystemType', 'PatientSupportPatientSupportType',
'PatientInterfaceMiscellaneousBoxType', 'PatientInterfacePPUType',
'PatientInterfaceType', 'PatientInterfaceAudioModule',
'PatientInterfaceAudioSwitchType', 'PatientSupportPowerSupplyUnit',
'RFAmpType', 'IOP_Firmware', 'RFP_Firmware'
],
[
108, 'WA15', 'WA_15T', 'Wide Aperture', 'MEU', 'NONE', '781', 'IGCIDNA',
'NONE', 'HIGH', 'TFINT', 'DACC', 65536, 1, 'NONE', 'LCC2B', 'DDAS',
'IMT', 'AIBo', 'NONE', 'wBTU', 'AM3 With E-Stop', null, 'PSU2',
'S35_64', 'IOP.NA', 'RFP.NA'
],
[
121, 'T15', 'F2000', 'Achieva', 'MEU', 'NONE', '781', 'IGCIDNA', 'NONE',
'HIGH', 'CFINT', 'DACC', 65536, 1, 'NONE', 'LCC2B', 'DDAS', 'MT', 'AIBo',
'NONE', 'wBTU', 'AM3 With E-Stop', null, 'NONE', 'S35_64', 'IOP.NA',
'RFP.NA'
],
[
117, 'T30', '3T_2', 'Achieva AmbiRing', 'MEU', '810_85893', '787', 'IGCI',
'Gradient Switchbox', 'HIGH', null, 'DACC', 65536, 1, null, 'LCC2A', 'CDAS',
'MT', null, 'NONE', 'wBTU', null, 'VERSION 2', null, '8134_128', 'IOP.NA',
'RFP.NA'
]
包含所有数据的表格 View (搜索排序和下载选项)。
请告诉我是否有一个选项 https://www.npmjs.com/package/pivottable考虑到我应该调整以实现这一目标
最佳答案
我没有显示所有列,但您应该能够修改我的示例以包含其他列。
https://codesandbox.io/s/vibrant-haze-f9nro
import React, { useEffect } from "react";
import PivotTable from "pivottable";
import $ from "jquery";
import "react-pivottable/pivottable.css";
const App = () => {
useEffect(() => {
$("#output").pivot(
[
{
SRN: 108,
MainSystemType: "WA15",
MagnetCoverType: "WA_15T",
MagnetRMMUType: "Wide Aperture"
},
{
SRN: 121,
MainSystemType: "T15",
MagnetCoverType: "F2000",
MagnetRMMUType: "Achieva"
},
{
SRN: 117,
MainSystemType: "T30",
MagnetCoverType: "3T_2",
MagnetRMMUType: "Achieva AmbiRing"
}
],
{
rows: ["SRN", "MainSystemType"],
cols: ["MagnetCoverType", "MagnetRMMUType"]
}
);
}, []);
return <div id="output" />;
};
export default App;
关于jquery - 在 React-pivottable 中渲染 jquery 数据表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60629986/