fix tableriwayat 1

components/Riwayat/TableRiwayat.js

@@ -22,26 +22,31 @@ class TableRiwayat extends Component {
 				key: "timelapse",
 				name: "Timelapse",
 				sortable: true,
+				// width: 150
 			},
 			{
 				key: "username",
 				name: "Username",
 				sortable: true,
+				// width: 200
 			},
 			{
 				key: "ipv4",
 				name: "IPv4",
 				sortable: true,
+				// width: 120
 			},
 			{
 				key: "menu",
 				name: "Menu",
 				sortable: true,
+				// width: 200
 			},
 			{
 				key: "deskripsi",
 				name: "Deskripsi",
 				sortable: true,
+				width: 400
 			},
 		];
 	}
@@ -63,6 +68,9 @@ class TableRiwayat extends Component {
 	getRandomDate = (start, end) => {
 		return new Date(start.getTime() + Math.random() * (end.getTime() - start.getTime())).toLocaleDateString();
 	};
+	getover = (e) => {
+		return <div className=" getover"><span className="getover">{e}</span></div>
+	}
 
 	createRows = () => {
 		let rows = [];
@@ -70,12 +78,12 @@ class TableRiwayat extends Component {
 		if (dataRiwayat) {
 			dataRiwayat.data.forEach((e) => {
 				rows.push({
-					deskripsi: e.aktivitas,
+					deskripsi: this.getover(e.aktivitas),
 					complete: Math.min(100, Math.round(Math.random() * 110)),
 					ipv4: e.ipv4 || "-",
 					menu: e.menu || "-",
 					username: e.user?.nama || "-",
-					timelapse: moment(e.createdAt).toLocaleString(),
+					timelapse: this.getover(moment(e.createdAt).format("DD-MM-YYYY, hh:mm a")),
 					completeDate: this.getRandomDate(new Date(), new Date(2021, 0, 1)),
 				});
 			});

styles/bootstrap/_card.scss

@@ -408,3 +408,7 @@ float: right;
 .invalid-mv:focus:valid{
   border: solid 1px green;
 }
+.getover{
+  overflow: auto;
+  font-size: 0.8rem;
+}