Andrew

Привет. Такой скролл легко сделать с помощью overflow-x: scroll и overflow-y: scroll
https://developer.mozilla.org/en-US/docs/Web/CSS/o...
https://developer.mozilla.org/en-US/docs/Web/CSS/o...

Для мобилок идеально подходит - пример Википедия таблицы так делает.
Но если разбирать десктопную версию, то в разных браузерах будет по разному смотреться. И тогда лучше использовать библиотеку. Тут уже на выбор то что вам нравится.

Привет! То что вы ищете называется аккордеон. Погуглите в интернете. И обрезку текста.

Вот тут есть простой пример - https://www.w3schools.com/howto/tryit.asp?filename...
Пример не самый лучший можно еще красивее сделать. Дальше думаю вы справитесь!

Привет! Как пример - https://bootstrap-datepicker.readthedocs.io/en/latest/#

На дочерний элемент можно повесить preventDefault()
https://developer.mozilla.org/ru/docs/Web/API/Even...