Wizualizacja: tabela

Jeśli ma wartość Prawda, sformatowane wartości komórek zawierających tagi HTML są renderowane jako HTML. Jeśli ma wartość Fałsz, większość niestandardowych formatów nie będzie działać prawidłowo.

Określa, czy zmienne kolory są przypisywane do wierszy parzystych i nieparzystych.

Obiekt, w którym każda nazwa właściwości opisuje element tabeli, a wartość właściwości jest ciągiem określającym klasę, którą można przypisać do tego elementu tabeli. Za pomocą tej właściwości możesz przypisać niestandardowy CSS do określonych elementów tabeli. Aby użyć tej właściwości, przypisz obiekt, w którym nazwa właściwości określa element tabeli, a wartość właściwości jest ciągiem znaków określającym nazwę klasy, którą chcesz do niego przypisać. Następnie musisz zdefiniować na swojej stronie styl usługi porównywania cen dla tej klasy. Obsługiwane są te nazwy właściwości:

• headerRow – przypisuje nazwę klasy do wiersza nagłówka tabeli (element <tr>).
• tableRow – przypisuje nazwę klasy do wierszy, które nie są nagłówkami (elementy <tr>).
• oddTableRow – przypisuje nazwę klasy do wierszy tabeli nieparzystych (elementy <tr>). Uwaga: opcja AltnatingRowStyle musi być ustawiona na wartość true.
• selectedTableRow – przypisuje nazwę klasy do wybranego wiersza tabeli (element <tr>).
• hoverTableRow – przypisuje nazwę klasy do wiersza tabeli po najechaniu kursorem (element <tr>).
• headerCell – przypisuje nazwę klasy do wszystkich komórek w wierszu nagłówka (element <td>).
• tableCell – przypisuje nazwę klasy do wszystkich komórek tabeli innej niż nagłówek (element <td>).
• rowNumberCell – przypisuje nazwę klasy do komórek w wierszu numeru (element <td>). Uwaga: opcja showRowNumber musi mieć wartość Prawda.

Przykład: var cssClassNames = {headerRow: 'bigAndBoldClass',
hoverTableRow: 'highlightClass'};

Uwaga: w CSS niektóre elementy zastępują pozostałe. Jeśli na przykład określisz kolor tła elementów <tr> i elementów <td>, drugi będzie miał pierwszeństwo. Pamiętaj, aby w pliku cssClassNames określić wszystkie odpowiednie style CSS, co pozwoli uniknąć konfliktów.

Numer wiersza w pierwszym wierszu tabeli danych. Używany tylko wtedy, gdy parametr showRowNumber ma wartość Prawda.

Liczba kolumn po lewej stronie, które zostaną zablokowane. Te kolumny pozostaną bez zmian podczas przewijania pozostałych kolumn w poziomie. Jeśli showRowNumber to false, ustawienie frozenColumns na 0 będzie wyglądać tak samo jak ustawienie null, ale jeśli showRowNumber będzie mieć wartość true, kolumna numeru wiersza zostanie zablokowana.

Ustawia wysokość elementu kontenera wizualizacji. Możesz używać standardowych jednostek HTML (np. „100px”, „80em” lub „60”). Jeśli nie podasz żadnych jednostek, przyjmuje się, że liczba pikseli to. Jeśli nie określisz tego ustawienia, przeglądarka automatycznie dostosuje wysokość tak, by pasowała do tabeli. Jeśli ustawisz wartość mniejszą niż wymagana, w tabeli pojawi się pionowy pasek przewijania (wiersz nagłówka również zostanie zablokowany). Jeśli ustawiona jest wartość 100%, tabela rozwija się maksymalnie do elementu kontenera.

Czy i jak włączyć stronicowanie przez dane. Wybierz jedną z tych wartości ciągu:

• „enable” (Włącz) – tabela będzie zawierać przyciski do przodu i do tyłu strony. Kliknięcie tych przycisków spowoduje wykonanie operacji podziału na strony i zmianę wyświetlonej strony. Możesz też ustawić opcję pageSize.
• „event” – w tabeli znajdują się przyciski do przodu i do tyłu, ale ich kliknięcie wywołuje zdarzenie „page” i nie zmienia wyświetlanej strony. Tej opcji należy używać, gdy kod implementuje własną logikę przewracania stron. Przykład obsługi zdarzeń stronicowania znajdziesz w przykładzie QueryQueryWrapper.
• „disable” (wyłącz) – [Default] (ustawienie domyślne) nie jest obsługiwane.
Typ: ciąg znaków
Domyślne: „disable” (wyłącz).

Liczba wierszy na każdej stronie przy włączonej opcji stronicowania z użyciem opcji strony.

Ustawia określoną opcję przycisków stronicowania. Dostępne opcje:

• „both” – włączanie przycisków poprzedniego i następnego
• „prev” – włączony jest tylko przycisk wstecz
• „dalej” – włączony jest tylko przycisk Następny
• „auto” – przyciski są włączone zgodnie z bieżącą stroną. Na pierwszej stronie widoczna jest tylko kolejna. Na ostatniej stronie widoczna jest tylko poprzednia. W przeciwnym razie oba są włączone.
• number – liczba stronicowania stron do wyświetlenia. Ten jawny numer zastąpi obliczoną liczbę z parametru pageSize.

Dodaje podstawową obsługę języków pisanych od prawej do lewej (np. arabskiego lub hebrajskiego) dzięki odwróceniu kolejności kolumn w tabeli. W ten sposób, że pierwsza kolumna jest najbardziej po prawej, a ostatnią jest lewa. Nie ma to wpływu na indeks kolumn w danych podstawowych, tylko na kolejność wyświetlania. Ta wizualizacja tabeli nie jest obsługiwana w pełnym języku dwukierunkowym (BiDi). Ta opcja jest ignorowana, jeśli włączasz stronicowanie (przy użyciu opcji strony) lub jeśli w tabeli są paski przewijania, ponieważ określone opcje wysokości i szerokości są mniejsze niż wymagany rozmiar tabeli.

Ustawia pozycję przewijania w poziomie w pikselach, jeśli tabela ma poziome paski przewijania, ponieważ ustawiono właściwość szerokości. Tabela otworzy się po przesunięciu tak dużej liczby pikseli za pierwszą kolumną po lewej stronie.

Jeśli ustawiona jest wartość prawda, numer wiersza jest wyświetlany jako pierwsza kolumna tabeli.

czy i jak sortować kolumny, gdy użytkownik kliknie nagłówek kolumny; Jeśli masz włączone sortowanie, możesz także ustawić właściwości sortAscending i sortcolumn. Wybierz jedną z tych wartości ciągu:

• „enable” – [wartość domyślna] – użytkownicy mogą klikać nagłówki kolumn, aby posortować je według klikniętej kolumny. Gdy użytkownicy klikną nagłówek kolumny, wiersze zostaną automatycznie posortowane, a nastąpi wywołanie zdarzenia „sortowania”.
• „event” – gdy użytkownicy klikają nagłówek kolumny, wywoływane jest zdarzenie „sortowanie”, ale wiersze nie są automatycznie sortowane. Tej opcji należy używać, gdy strona stosuje własne sortowanie. Przykład ręcznego sortowania zdarzeń znajdziesz w przykładzie QueryQueryWrapper.
• „disable” (kliknięcie) – kliknięcie nagłówka kolumny nie daje żadnego efektu.

Kolejność posortowanej początkowej kolumny. Prawda – rosnąco – fałsz – malejąco. Jeśli nie określono właściwości sortColumn, jest ignorowana.

Indeks kolumny w tabeli danych, według której tabela jest początkowo sortowana. Kolumna zostanie oznaczona małą strzałką oznaczającą kolejność sortowania.

Pierwsza strona tabeli do wyświetlenia. Używana tylko wtedy, gdy zasada page jest w trybie włączenia/wydarzenia.

Określa szerokość elementu kontenera wizualizacji. Możesz używać standardowych jednostek HTML (np. „100px”, „80em” lub „60”). Jeśli nie podasz żadnych jednostek, przyjmuje się, że liczba pikseli to. Jeśli nie określisz tego ustawienia, przeglądarka automatycznie dostosuje szerokość, aby pasowała do tabeli. Jeśli ustawisz wartość mniejszą niż wymagana, w tabeli zostanie dodany poziomy pasek przewijania. Jeśli ustawisz wartość „100%”, tabela zostanie rozwinięta maksymalnie do elementu kontenera.

Rysuje tabelę.

Standardowa implementacja getSelection. Elementy wyboru to wszystkie wiersze. Może zwrócić więcej niż 1 wybrany wiersz. Indeksy wierszy w obiekcie wyboru odwołują się do pierwotnej tabeli danych niezależnie od interakcji użytkownika (sortowania, podziału na strony itp.).

Przełącznik zaznaczenia: kliknięcie komórki po raz pierwszy powoduje jej wybór. Kliknięcie komórki ponownie ją odznacza, co skutkuje zdarzeniem wyboru, ale w pobranym obiekcie zaznaczenia nie są zaznaczone żadne elementy.

Wywołuj tę metodę, aby pobrać informacje o bieżącym stanie sortowania tabeli, która została posortowana (zwykle według użytkownika, który kliknął nagłówek kolumny, aby posortować wiersze według określonej kolumny). Jeśli wyłączysz sortowanie, ta metoda nie zadziała.

Jeśli dane nie zostały posortowane w kodzie lub użytkownik nie posortował ich za pomocą kodu, zwrócone zostaną domyślne wartości sortowania.

• column – (liczba) indeks kolumny, według której tabela jest posortowana.
• ascending – (wartość logiczna) prawda, jeśli sortowanie ma rosnące wartości, lub fałsz, jeśli sortowanie jest malejące.
• sortedIndexes – (tablica) – tablica liczb, w której indeks w tablicy to numer wiersza posortowany (w widocznej tabeli), a wartość to indeks wiersza w tabeli bazowej (niesortowanej).

Standardowa implementacja setSelection(), ale można wybrać tylko całe wiersze lub wiele wierszy. Indeksy wierszy w obiekcie wyboru odwołują się do pierwotnej tabeli danych niezależnie od interakcji użytkownika (sortowania, podziału na strony itp.).

Czyści wykres i usuwa wszystkie przydzielone zasoby.

Standardowe zdarzenie wyboru, ale można wybrać tylko całe wiersze.

Wywoływane, gdy użytkownicy klikają przycisk nawigacyjny strony.

Wywoływane, gdy użytkownicy klikają nagłówek kolumny, a opcja sortowania nie jest wyłączona.

• column – (liczba) indeks kolumny, według której tabela jest posortowana.
• ascending – (wartość logiczna) prawda, jeśli sortowanie ma rosnące wartości, lub fałsz, jeśli sortowanie jest malejące.
• sortedIndexes – (tablica numeryczna) tablica liczb, gdzie indeks w tablicy to numer wiersza posortowany (w widocznej tabeli), a wartość to indeks wiersza w tabeli bazowej (niesortowanej).

Wykres jest gotowy do wywołań metod zewnętrznych. Jeśli chcesz korzystać z wykresu i metod wywoływania po jego narysowaniu, skonfiguruj odbiornik dla tego zdarzenia, zanim wywołasz metodę rysowania, i wywołaj je dopiero po wywołaniu zdarzenia.