reports css changes

upyog · Apr 12, 2024 · 53e6012 · 53e6012
1 parent d82b197
commit 53e6012
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/frontend/mono-ui/web/rainmaker/dev-packages/egov-ui-kit-dev/src/utils/reportResult.js b/frontend/mono-ui/web/rainmaker/dev-packages/egov-ui-kit-dev/src/utils/reportResult.js
@@ -842,7 +842,7 @@ class ShowField extends Component {
     return (
       <thead>
         <tr className="report-table-header">
-          <th key={"S. No."} className="report-header-cell">
+          <th key={"S. No."} className="report-header-cell" style={{width:"50px"}}>
             <Label className="report-header-row-label" labelStyle={{ wordWrap: "unset", wordBreak: "unset", fontWeight: "bold" }} label={"RT_SNO"} />
           </th>
           {metaData && metaData.reportDetails && metaData.reportDetails.selectiveDownload && (
@@ -854,7 +854,7 @@ class ShowField extends Component {
             reportResult.reportHeader.map((item, i) => {
               if (item.showColumn) {
                 return (
-                  <th key={i} className="report-header-cell" data-orderable={item && item.label && item.label.includes("date") ? "false" : "true"}>
+                  <th key={i} style={{width:"200px"}} className="report-header-cell" data-orderable={item && item.label && item.label.includes("date") ? "false" : "true"}>
                     <Label
                       className="report-header-row-label"
                       labelStyle={{ wordWrap: "unset", wordBreak: "unset", fontWeight: "bold" }}
@@ -1276,11 +1276,12 @@ class ShowField extends Component {
     let self = this;
     const viewTabel = () => {
       return (
-        <div>
+        <div style={{ width:"100%", overflowX:"auto"}}>
           <table
             id="reportTable"
             style={{
               width: "100%",
+              tableLayout:"fixed"
             }}
             className="table table-striped table-bordered"
           >
@@ -1301,9 +1302,9 @@ class ShowField extends Component {
               />
             </div>
           ) : (
-            ""
+           <br/>
           )}
-          <br />
+
         </div>
       );
     };