I have a zing grid that contains data I have fetched from a mysql database. However, the grid currently displays all columns from the database, but I want to only display userAgent, type of timingObject, pageLoadTime, and the first entry of the array of startTIme, how should I fix the code below to display only the 4 aforementioned columns?
<zing-grid id="myGrid" caption="Usage Data" pager sort filter gridlines="both"
						page-size="2" page-size-options="2, 10, 50, 100" class="loading" layout="row"
						layout-controls="disabled" style="background-color: #e8fce8; border: 1px solid black;"
						data="[]">
					</zing-grid>
					<script>
						// Fetch the data from the server
						fetch("https://reporting.cse135.online/api/data/", {
							method: "GET",
							headers: {
								"Content-type": "application/json",
								"access-control-request-headers": "content-type",
							},
						})
							.then((response) => response.json())
							.then((data) => {
								// Set the data on the ZingGrid component
								document.querySelector("#myGrid").setData(data);
							});
					</script>