I am looking for a way to structure textual content within a cell (e.g. <li> bullets or <p> or <div> or <br>).
This would be one cell:
Monday Menu
Breakfast: eggs&bacon
Lunch: bean&bacon soup
Dinner:bacon-barded duck
The following is just one idea. Maybe there is a better way:
Assuming the fields:
MondayBreakfast,MondayLunch,MondayDinner, TuesdayBreakfast, TuesdayLunch, TuesdayDinner ... etcetera
is this a legal cell template?
<td> <div>${MondayBreakfast}</div><div>${MondayLunch}</div><div>${MondayDinner}</div> </td>
<td> <div>${TuesdayBreakfast}</div><div>${TuesdayLunch}</div><div>${TuesdayDinner}</div> </td>
If yes, how would the columns attributes (title literal, sortable, groupable, etc) be defined in the grid configuration?
.
,schema: {
model: {
fields: {
MondayBreakfast: { type: "string" },
MondayLunch: { type: "string" },
MondayDinner: { type: "string" },
TuesdayBreakfast: { type: "string" },
TuesdayLunch: { type: "string" },
TuesdayDinner: { type: "string" },
WednesdayBreakfast: { type: "string" },
WednesdayLunch: { type: "string" }
etc etc
}
}
}
},
columns: [
{ field: ?? , groupable: false, sortable: false, title: "Monday Menu", width: 150 },
{ field: ?? , groupable: false, sortable: false, title: "Tuesday Menu", width: 150 },
]
.
.
.
This would be one cell:
Monday Menu
Breakfast: eggs&bacon
Lunch: bean&bacon soup
Dinner:bacon-barded duck
The following is just one idea. Maybe there is a better way:
Assuming the fields:
MondayBreakfast,MondayLunch,MondayDinner, TuesdayBreakfast, TuesdayLunch, TuesdayDinner ... etcetera
is this a legal cell template?
<td> <div>${MondayBreakfast}</div><div>${MondayLunch}</div><div>${MondayDinner}</div> </td>
<td> <div>${TuesdayBreakfast}</div><div>${TuesdayLunch}</div><div>${TuesdayDinner}</div> </td>
If yes, how would the columns attributes (title literal, sortable, groupable, etc) be defined in the grid configuration?
.
,schema: {
model: {
fields: {
MondayBreakfast: { type: "string" },
MondayLunch: { type: "string" },
MondayDinner: { type: "string" },
TuesdayBreakfast: { type: "string" },
TuesdayLunch: { type: "string" },
TuesdayDinner: { type: "string" },
WednesdayBreakfast: { type: "string" },
WednesdayLunch: { type: "string" }
etc etc
}
}
}
},
columns: [
{ field: ?? , groupable: false, sortable: false, title: "Monday Menu", width: 150 },
{ field: ?? , groupable: false, sortable: false, title: "Tuesday Menu", width: 150 },
]
.
.
.