I am trying to render \t tab character along with \n in the lightning datable UI, but it doesn't seem to be working. I am trying to use below JSON structure
const data = [
{
name: "Title" ,
Original: "ABC123",
Change: "ABCD123\nReasons:\n\tReason1\n\tReason2",
Operation: "changed",
}
]
It outputs the change column in lightning datable as(without extra new line , that is fine):
ABCD123
Reasons:
Reason1
Reason2
However , I want it to be something like below:-
ABCD123
Reasons:
Reason1 (tab characters added)
Reason2 (tab characters added)
Ignore the grey background
Here is the link of the playground - https://developer.salesforce.com/docs/component-library/tools/playground/kPSqiPxWk/53/edit