Как заморозить первый столбец и первую строку в сфинксе - PullRequest
Новая
       12

Как заморозить первый столбец и первую строку в сфинксе

0 голосов
/ 04 июня 2018

Я новичок в работе со Sphinx и знаю, что Phynx не предназначен для таблиц, но я хотел бы использовать его для документирования наших инструментов для съемки.Поэтому я создал таблицу с различными темами, которые задаются в наших анкетах.Так как наш опрос начался в 1984 году, у нас есть много лет, чтобы покрыть.

Таблица выглядит следующим образом: enter image description here

Годы (строки) продолжаются до последнего года и будут расти с каждым годом

Когда я использую таблицу (в формате csv) в Sphynx, она не показывает всю таблицу, только первые пару лет, а затем вам нужно прокрутить в сторону, чтобы увидеть более поздние годы.Даже если я изменю ширину шаблона, он недостаточно широк для таблицы.

Итак, мой вопрос.Есть ли способ исправить / заморозить первый столбец и первый ряд, чтобы вы могли видеть темы и годы, даже если вы прокручиваете в сторону, чтобы увидеть более поздние годы ??

1 Ответ

0 голосов
/ 04 июня 2018

Не в Сфинксе.Вместо этого вы можете сделать это с помощью CSS.См. https://stackoverflow.com/a/1312678/2214933

Вам также необходимо настроить CSS или шаблон вашей темы, чтобы включить отдельный файл CSS для переопределения стилей по умолчанию.См. Руководство Сфинкса Шаблонирование . 

    table {
        border-collapse: collapse;
        font-size: 1.6em;
        width: 1000px;
    }
    table tr td:first-child {
        position: absolute;
        width: 7em;    /* match margin-left below */
        left: 0;
        top: auto;
        background-color: yellow;
        border-top-width: 1px;
    }
    td {
        border-collapse: collapse;
        border: 1px solid #ccc;
        padding: 3px;
    }
    div {
        width: 500px;
        overflow-x: scroll;
        margin-left: 12em;  /* match width above */
        overflow-y: visible;
        padding: 0;
    }
<div>
<table>
	<tr>
		<td>foofoofoofoofoo</td>
		<td>x</td>
		<td>x</td>
		<td>x</td>
		<td>x</td>
		<td>x</td>
		<td>x</td>
		<td>x</td>
		<td>x</td>
		<td>x</td>
		<td>x</td>
		<td>x</td>
		<td>x</td>
		<td>x</td>
		<td>x</td>
		<td>x</td>
		<td>x</td>
		<td>x</td>
		<td>x</td>
		<td>x</td>
		<td>x</td>
		<td>x</td>
		<td>x</td>
		<td>x</td>
	</tr>
	<tr>
		<td>barbarbarbar</td>
		<td>x</td>
		<td></td>
		<td>x</td>
		<td>x</td>
		<td>x</td>
		<td></td>
		<td>x</td>
		<td>x</td>
		<td></td>
		<td>x</td>
		<td>x</td>
		<td>x</td>
		<td>x</td>
		<td>x</td>
		<td></td>
		<td>x</td>
		<td>x</td>
		<td></td>
		<td>x</td>
		<td>x</td>
		<td>x</td>
		<td>x</td>
		<td>x</td>
	</tr>
</table>
</div>
...