Название колонок в реестре

Евгений.
30 июля 2018 13:51

Коллеги, подскажите в какой схеме можно реализовать функционал.

При наведении курсора на название колонки (в реестрах и деталях), отображается ее полное наименование.

Кейс. Выводится более 8 колонок в реестре, название колонок длинное, менять название колонок нельзя. В итоге название колонки выглядит так (название....). Нужно при наведении на название увидеть его целиком.

Спасибо.

Нравится

2 комментария
Лучший ответ
Варфоломеев Данила
31 июля 2018 17:53

К реестру подцепить css, прописать что-то вроде

.grid-captions > [class*="grid-cols"]:hover {
    /*border: 1px solid;*/
    position: relative;
    overflow: visible;
}

.grid-captions > [class*="grid-cols"]:hover:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 990;
    display: block;
    color: #000;
    content: attr(data-item-marker);
}

.grid-captions > [class*="grid-cols"]:hover label {
    display: none;
}

И при наведении на название столбца, оно будет всплывать

Зверев Александр
31 июля 2018 15:37

Можно настроить плиточное представление реестра и выводить больше колонок в несколько рядов.

А по поводу подсказок, в 7.Х они, похоже, есть только на уровне карточки. Как их добавляют, написано в этой статье и в более старом обсуждении.

Варфоломеев Данила
31 июля 2018 17:53

К реестру подцепить css, прописать что-то вроде

.grid-captions > [class*="grid-cols"]:hover {
    /*border: 1px solid;*/
    position: relative;
    overflow: visible;
}

.grid-captions > [class*="grid-cols"]:hover:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 990;
    display: block;
    color: #000;
    content: attr(data-item-marker);
}

.grid-captions > [class*="grid-cols"]:hover label {
    display: none;
}

И при наведении на название столбца, оно будет всплывать

Показать все комментарии