Asciidoctor - переполнение на большом столе

Я создаю документацию с помощью asciidoctor и Maven.
Мне нужно поместить большую таблицу (больше ширины страницы), но я не знаю, как поставить эквивалент css overflow-x:auto для этой таблицы.

мой.адок:

Tables :
|===
10+|*usertable* 
| id | hostname | ip | profile | username 5+|

10+|*tapplications* 
| id | category | feature | app_license_type | app_long_desc | app_name | app_nam_exec | app_short_desc | id_feature | logo 

10+|*licenseusertable* 
| id | date_since_granted | display | feature_version | handler | server_host | server_port | id_feature | id_user |

|===

заранее спасибо


person Ehcnalb    schedule 31.10.2019    source источник


Ответы (1)


Для этого вам нужно будет добавить некоторый пользовательский CSS.

Вы можете предоставить свой собственный файл таблицы стилей, полностью переопределяющий стили Asciidoctor, добавив -a stylesheet="mystyles.css" к вашему вызову asciidoctor.

Поскольку вы, вероятно, просто хотите добавить стиль к существующим стилям, вам нужно использовать файл docinfo. См.: https://asciidoctor.org/docs/user-manual/#docinfo-file

Создайте файл с именем docinfo.html, содержащий ваши стили. Например:

<style>
.scrollable {
  overflow-x: auto;
}
</style>

Обратите внимание на тег <style>: файл docinfo.html представляет собой HTML-файл (который встраивается в <head> сгенерированной страницы), поэтому вы также можете встраивать пользовательский Javascript, метатеги и т. д.

Затем в документе, содержащем таблицу, добавьте следующее определение атрибута сразу после заголовка документа:

:docinfo: shared

Кроме того, поскольку HTML-таблицы не поддерживают горизонтальную прокрутку, вам необходимо обернуть таблицу в открытый блок (что соответствует некоторым <div> оберткам):

[.scrollable]
--

Tables :
|===
10+|*usertable* 
| id | hostname | ip | profile | username 5+|

10+|*tapplications* 
| id | category | feature | app_license_type | app_long_desc | app_name | app_nam_exec | app_short_desc | id_feature | logo 

10+|*licenseusertable* 
| id | date_since_granted | display | feature_version | handler | server_host | server_port | id_feature | id_user |

|===

--
person eskwayrd    schedule 31.10.2019