Add tables with rows and columns in the catalog item

taqdeer · ‎01-29-2021

Hi All,

is it possible to create a table with rows and columns in the catalog item. I want to display the information to the users in the form of table in the catalog item. Below is the reference.

Based on the information below, please answer the next questions.

A	b	c
d	e	f
g	h	i

j	k	l
m	n	o
p	q	r

Could any one please help me with this.

Ankur Bawiskar · ‎01-29-2021

Hi,

something like this

1) you can add your Own HTML table and add style etc

2) Widget

HTML:

<div>
<!-- your widget template -->
  <head>
		<style>
			table {
			font-family: arial, sans-serif;
			border-collapse: collapse;
			width: 100%;
			}

			td, th {
			border: 1px solid #dddddd;
			text-align: left;
			padding: 8px;
			}

			tr:nth-child(even) {
			background-color: #dddddd;
			}
		</style>
	</head>
	<body>

		<h2>HTML Table</h2>

		<table>
			<tr>
				<th>Company</th>
				<th>Contact</th>
				<th>Country</th>
			</tr>
			<tr>
				<td>Alfreds Futterkiste</td>
				<td>Maria Anders</td>
				<td>Germany</td>
			</tr>
			<tr>
				<td>Centro comercial Moctezuma</td>
				<td>Francisco Chang</td>
				<td>Mexico</td>
			</tr>
			<tr>
				<td>Ernst Handel</td>
				<td>Roland Mendel</td>
				<td>Austria</td>
			</tr>
		</table>
	</body>
</div>

Variable:

Output:

Regards
Ankur

Regards,
Ankur
✨ Certified Technical Architect || ✨ 9x ServiceNow MVP || ✨ ServiceNow Community Leader

View solution in original post

taqdeer · ‎01-29-2021

Hi Ankur,

It worked.

You are my ServiceNow Hero.

Toni1 · ‎10-28-2024

Hey there, is there a way you can make the "Date" field so that text can be entered?

thanks

SSINHA1 · ‎01-12-2022

Hi Ankur, with this approach, we can put the static information but how do put dynamic data in this table such as JSON responses of REST message?

ANANTHULA NAVEE · ‎10-07-2021

Hi Taqdeer,

You need to add a Catalog variable type is "Rich Text Label".

Step-1: You need to keep your data in a table format like below.

Step-2: Display the portal item form like below.

Thanks.

SSINHA1 · ‎01-12-2022

Hi, using Rich text label, we can put the static information but how do put dynamic data in this table such as JSON responses of REST message?