Beautifying my notifications

[maxdd]

I'm quite new to pretty much all the ecosystem of changedetection.io (jinja, xpath ecc)
I've currently set up a monitor to a webpage which is supposed to send me notification over telegram.
Every works great except that it takes me 1 minute to exactly decipher what has changed and i suspect this has something to do with my profeciency and understanding of the tool

My filters are set up as follow

/html/body/main/section/div/table/tbody/tr[60]/td[1]
/html/body/main/section/div/table/tbody/tr[60]/td[2]
/html/body/main/section/div/table/tbody/tr[60]/td[3]
/html/body/main/section/div/table/tbody/tr[61]/td[1]
/html/body/main/section/div/table/tbody/tr[61]/td[2]
/html/body/main/section/div/table/tbody/tr[61]/td[3]
......

as you can see it is a table with three columns and many rows (here 2 in the example).
The notification is set to default {{diff}} and i was hoping to only highlight the diff but it's showing all the content extracted from the filter without respecting any table format or newline (im at fault here i guess because i dont know how to make it better) but i would prefer to only see the line that actualy changed and maybe with the format

I haven't tested {{diff_removed}} or {{diff_added}} too see if they would help (page changes rarely and i just recently did this change).

But what if i want a notification like

(Assume it is tr[60] that triggered the notification)

Before:
/tr[60]/td[1] - /tr[60]/td[2] - /tr[60]/td[3]

After:
/tr[60]/td[1] - /tr[60]/td[2] - /tr[60]/td[3]

without any "garbage" data such as all the other tr[x]

Is there a way to do so without having to create many individual monitor?

[dgtlmoon]

To simplify the CSS selectors or XPath expressions, you can use group targeting to select the desired cells in fewer filters. Here's how you can achieve it:

Then you can have just 2 rows in your notification

XPath

1. To select the 3 cells in tr[60]:

   /html/body/main/section/div/table/tbody/tr[60]/td[position() <= 3]
   

2. To select the first 3 cells in tr[61]:

   /html/body/main/section/div/table/tbody/tr[61]/td[position() <= 3]
   

CSS Selector

1. To select the 3 cells in tr[60]:

   tr:nth-of-type(60) > td:nth-child(-n+3)

2. To select the first 3 cells in tr[61]:

   tr:nth-of-type(61) > td:nth-child(-n+3)

These filters use positional constraints to target only the first three cells in each specified row.

[maxdd]

Thank you for the hint, i added the XPath suggestion and here is the example:

/html/body/main/section/div/table/tbody/tr[18]/td[position() <= 3] #--> SUN  | MOON   | CLOSE
/html/body/main/section/div/table/tbody/tr[44]/td[position() <= 3] #--> MARS | VENUS  | FAR

The reported preview is:

SUN
  MOON
  CLOSE MARS
  VENUS
  FAR

As you can see the preview is really making everything compact to the point that the notification is really difficult to read because new lines or new rows are not maintained, or the original format is not included.
As an example, if the change that occurs is

SUN | MOON | FAR #--> changed from CLOSE to FAR

All the XPath will be added even if i use {{diff}} or any other form

so the notification (in this case with diff_patch) will repeat the previous content in full

#@@ -1 +1 @@
- SUN
  MOON
  CLOSE MARS
  VENUS
  FAR
+ SUN
  MOON
  FAR MARS
  VENUS
  FAR

but ideally i would prefer a notification limited to e.g. tr[18]/td[position() <= 3] like

#@@ -1 +1 @@
- SUN MOON CLOSE
+ SUN MOON FAR

[maxdd]

Is there a way to extract the diff_added or removed for each individual Xpath?