After updating my package.json file, I noticed that the table styling was no longer as expected. The striping and colored backgrounds for each cell in the table are now missing. This issue could be due to a dependency problem since most of them were upgraded.
New package.json:
{
"name": "pipeline-viewer",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
// Updated dependencies
},
"devDependencies": {
// Updated devDependencies
}
}
Previous package.json with striped table components:
{
"name": "pipeline-viewer",
"version": "0.0.0",
"scripts": {
// Previous scripts
},
"private": true,
"dependencies": {
// Previous dependencies
},
"devDependencies": {
// Previous devDependencies
}
}
HTML code to handle data display:
<table class="table col-lg-4 col-sm-6 col-xs-12 table-striped table-bordered table-sm" >
<tr>
<th>Lab Name</th><td>{{ session?.lab_name }}</td>
</tr>
<tr>
<th>Session Start Time</th><td>{{ session?.session_start_time.split("T")[0] }} {{ session?.session_start_time.split("T")[1] }}</td>
</tr>
<tr>
<th>Task Protocol</th><td>{{ session?.task_protocol }}</td>
</tr>
<tr>
<th>Session UUID</th><td>{{ session?.session_uuid }}</td>
</tr>
<tr>
<th>User</th><td>{{ session?.responsible_user }}</td>
</tr>
<tr>
<th>Session Project</th>
<td>{{ session?.session_project }}</td>
</tr>
</table>