প্রতিক্রিয়াযোগ্য- pivottable ভিতরে jquery ডেটাটেবল রেন্ডার

Question

আমি react-pivottableঠিক জানতে চেয়েছি বাস্তবায়ন করেছি jQuery ডেটা টেবিল ভিউতে সম্পূর্ণ ডেটা সেট সেট করার উপায় আছে

উদাহরণস্বরূপ, আমার কাছে কয়েকটি কলাম নীচের নীচের তথ্যের জন্য একটি সমস্ত সারণী দৃশ্যে প্রদর্শন করতে চাইছে

[
 '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'
]

সমস্ত ডেটা সহ সারণী দর্শন (অনুসন্ধানের ধরণ এবং ডাউনলোড বিকল্প)।

এটি অর্জনের জন্য আমার যদি সামঞ্জস্য করা উচিত তবে দয়া করে আমাকে একটি বিকল্প https://www.npmjs.com/package/pivottable দিতে দিন

Comments

আপনি jquery pivottable ভিতরে প্রতিক্রিয়া-pivottable প্রদর্শন করতে চান? আপনি যা অর্জন করতে চান তা কি আরও ভাল করে বর্ণনা এবং বর্ণনা করতে পারেন?

— tudor.gegely

Answer 1

আমি সমস্ত কলাম প্রদর্শন করি নি, তবে অতিরিক্ত কলামগুলি অন্তর্ভুক্ত করার জন্য আমার উদাহরণটি পরিবর্তন করতে সক্ষম হওয়া উচিত।

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;

Comments

আপনাকে ধন্যবাদ ধন্যবাদ সরি আমি আপডেট না করে আমি এ অর্জন করেছি আপনি কীভাবে প্রতিক্রিয়া সারণীতে জ্যাকোরি ডেটাটেবল যুক্ত করবেন তা পরামর্শ দিতে পারেন

— লক্ষ্মী