I would like to have a table of contents section in the start of my document with the tiles on the left side, then some dots, and the page number on the right side.
I don't know how to do this. My wrong solution is:

a[class='toclink']::after {
content: " . . . . . . . . . . . . . . . . . . . page " target-counter(attr(href), page)
}

What I would need, is a table or some DIVs which allow me to align the page counter on the right, but then I don't know how to refer from that DIV to the href attribute, i.e. how to change attr(href) in whatever.

Well, I hope I could explain my problem well enough, and that somebody can help me...

Thomas

Try using leaders, which expand to take up all the available space, pushing the page numbers to the right:

a[class='toclink']::after {
content: leader('.') " page " target-counter(attr(href), page)
}