Układ tabeli, Układ tabeli – wiersz i Układ tabeli – komórka

Edycja w trybie z połączeniem
Elementy Układ tabeli, Układ tabeli – wiersz i Układ tabeli – komórka służą do tworzenia sekcji zawierającej inne widoki i wyświetlającej je w strukturze tabeli, którą można skonfigurować przy użyciu atrybutów HTML.
Uwaga: widoki te różnią się od widoków Tabela i Tabela danych usługi .
Elementy Układ tabeli - wiersz i Układ tabeli - komórka nie mają opcji konfiguracyjnych. Zamiast tego można użyć atrybutów HTML colspan i rowspan, aby wskazać, w jaki sposób widok Układ tabeli - komórka ma być wyświetlany w układzie tabeli. W przypadku tych widoków należy użyć tej samej struktury co w przypadku tabeli HTML:
  • Widoki Układ tabeli - wiersz są umieszczane w widoku Układ tabeli.
  • Widoki Układ tabeli - komórka są umieszczane w widoku Układ tabeli – wiersz.
Atrybuty HTML można podać na karcie właściwości Atrybuty HTML.
Uwaga: Układ tych widoków nie jest WYSIWYG w projektancie.

Właściwości konfiguracyjne

W obszarze Konfiguracja można ustawić lub zmodyfikować właściwości konfiguracyjne widoku.

Wielkość ekranu
Właściwość konfiguracyjna, na której znajduje się ikona Rozmiarów ekranu Ikona wielkości ekranu obok nazwy właściwości, może mieć różne wartości dla każdej wielkości ekranu. Jeśli nie zostanie ustawiona wartość, wielkość ekranu dziedziczy wartość następnej większej wielkości ekranu jako swoją wartość domyślną.
Definicje kompozycji
Definicje kompozycji służą do podawania kolorów i stylów widoku oraz do określania jego wyglądu. W edytorze kompozycji można wyświetlić podgląd wyglądu i zachowania widoku. Patrz Kompozycje.

Właściwości konfiguracyjne wyglądu elementu Układ tabeli znajdują się w poniższej tabeli:

Tabela 1. Właściwości konfiguracyjne wyglądu elementu Układ tabeli
Właściwość konfiguracyjna wyglądu Opis Typ danych
Odstęp między krawędziami Służy do podawania odstępu między komórkami, który jest wyrażany w pikselach (px). String
Scalanie krawędzi Służy do podawania jednego z następujących ustawień odstępu między komórkami:
  • Rozdziel: dodawanie odstępu między komórkami.
  • Zwiń: brak odstępu między komórkami.
 String

Przykład

Aby wyświetlić dwa widoki Tekst w strukturze tabeli:
  1. Dodaj widok Układ tabeli.
  2. W widoku Układ tabeli wstaw widok Układ tabeli – wiersz.
  3. W widoku Układ tabeli – wiersz wstaw dwa widoki Układ tabeli – komórka.
  4. W każdym widoku Układ tabeli – komórka wstaw jeden widok Tekst.
  5. Opcjonalnie można ustawić właściwość Odstępy ramki na wartość 25, a właściwość Zwiń ramkę na wartość Separate , aby dodać spację między komórkami.
Możesz również użyć wielu widoków Układ tabeli – wiersz i Układ tabeli – komórka w widoku Układ tabeli oraz użyć atrybutów HTML colspan i rowspan, aby komórki obejmowały więcej niż jedną kolumnę lub jeden wiersz. Na przykład:
  1. Dodaj widok Układ tabeli.
  2. W widoku Układ tabeli wstaw trzy widoki Układ tabeli – wiersz.
  3. W pierwszym widoku Układ tabeli – wiersz (dodanym w kroku 2) wstaw trzy widoki Układ tabeli – komórka.
  4. W drugim widoku Układ tabeli – wiersz (dodanym w kroku 2) wstaw jeden widok Układ tabeli – komórka.
  5. W trzecim widoku Układ tabeli – wiersz (dodanym w kroku 2) wstaw dwa widoki Układ tabeli – komórka.
  6. Na karcie Atrybuty HTML pierwszej komórki w pierwszym wierszu dodaj atrybut rowspan, jako jego wartość ustaw 3 i w komórce wstaw widok Włącznik/wyłącznik.
  7. Wstaw widok Przycisk w drugiej komórce pierwszego wiersza.
  8. Wstaw widok Kod QR w trzeciej komórce pierwszego wiersza.
  9. Na karcie Atrybuty HTML komórki w drugim wierszu dodaj atrybut colspan, jako jego wartość ustaw 2 i w komórce wstaw widok Wybór pojedynczy.
  10. W pierwszej komórce trzeciego wiersza wstaw widok Okno wyboru daty.
  11. W drugiej komórce trzeciego wiersza wstaw widok Obszar tekstu.
Wynikiem jest układ, który wygląda podobnie do poniższego obrazu.

metody

Aby uzyskać szczegółowe informacje na temat dostępnych metod dla układu tabeli, wiersza układu tabeli i komórki układu tabeli, patrz Układ tabeli, Wiersz układu tabelilub Komórka układu tabeli JavaScript API.

Zasoby dodatkowe

Więcej informacji na temat sposobu tworzenia formatki lub strony zawiera sekcja Budowanie formatek.
Informacje na temat standardowych właściwości (Ogólne, Konfiguracja, Pozycjonowanie, Widocznośći Atrybuty HTML) można znaleźć w sekcji Właściwości widoku.