JSFiddle - React, Tailwind, and code Playground

JavaScript

this.documentListProcessing = function (collection_) {
				var source = {
					localdata: collection_,
					datatype: "array"
				};
				var dataAdapter = new $.jqx.dataAdapter(source, {
					loadComplete: function (data) { },
					loadError: function (xhr, status, error) { }
				});
       
				$("#mydoclist").jqxGrid({
					source: dataAdapter,
					width: '1000',
					height: 150,
					pageable: true,
					columns: [{
						text: 'Type',
						datafield: 'type',
						
					}, {
						text: 'OtherType',
						datafield: 'othertype',
						
					},  {
						text: 'Date',
						datafield: 'doc_date',
						renderer: columnrenderer
					 }

					]
				});
				
				 var panel = $("#myDocPanel");
				 var content = panel.html();

       
				panel.jqxPanel({
					width: '750',
					height: '500',
					scrollBarSize: 20
				});

				$("#mydoclist").on('rowclick', function (event) {
					row = event.args.rowindex;
					datarow = $("#mydoclist").jqxGrid('getrowdata', row);
					var response = JSON.stringify(datarow, null, 10);
					var docID  = datarow["document_id"];
				   self.getMyDocumentContents(docID);

				});

      };



this.getMyDocumentContents = function (documentID_) {

               
        var url = https://documentlookup.com:8443/getmydocuments
        var ajaxRequest = jQuery.ajax({
           data: {
                doc_id: documentID_
            },
            dataType: "json",
            method: "GET",
            url: url
        })

		.done(function (data_, textStatus_, jqXHR_) {
           self.displayDocument(data_.myDocList);
			})
            
		};	

 this.displayDocument = function (information_) {

        var source = {
            localdata: information_,
            datafields: [{
                name: 'doc_content',
                type: 'string'
            }],
            datatype: "array"
		};

        var dataAdapter = new $.jqx.dataAdapter(source, {

            loadComplete: function (records) {
            var html;
       ...