carbon-components-angular
Version:
Next generation components
918 lines (893 loc) • 64.2 kB
HTML
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>carbon-components-angular documentation</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="../images/favicon.ico">
<link rel="stylesheet" href="../styles/style.css">
<link rel="stylesheet" href="../styles/dark.css">
<style>
footer.carbon {
position: absolute;
bottom: 0;
width: 100%;
z-index: 9999;
}
#root > div {
/*
* Subtracting the height of the footer to prevent
* overlaying the footer ontop of content
*/
height: calc(100vh - 48px);
}
</style>
</head>
<body>
<script>
// Blocking script to avoid flickering dark mode
// Dark mode toggle button
var useDark = window.matchMedia('(prefers-color-scheme: dark)');
var darkModeState = useDark.matches;
var $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
var $darkModeToggles = document.querySelectorAll('.dark-mode-switch');
var darkModeStateLocal = localStorage.getItem('compodoc_darkmode-state');
function checkToggle(check) {
for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
$darkModeToggleSwitchers[i].checked = check;
}
}
function toggleDarkMode(state) {
if (window.localStorage) {
localStorage.setItem('compodoc_darkmode-state', state);
}
checkToggle(state);
const hasClass = document.body.classList.contains('dark');
if (state) {
for (var i = 0; i < $darkModeToggles.length; i++) {
$darkModeToggles[i].classList.add('dark');
}
if (!hasClass) {
document.body.classList.add('dark');
}
} else {
for (var i = 0; i < $darkModeToggles.length; i++) {
$darkModeToggles[i].classList.remove('dark');
}
if (hasClass) {
document.body.classList.remove('dark');
}
}
}
useDark.addEventListener('change', function (evt) {
toggleDarkMode(evt.matches);
});
if (darkModeStateLocal) {
darkModeState = darkModeStateLocal === 'true';
}
toggleDarkMode(darkModeState);
</script>
<div class="navbar navbar-default navbar-fixed-top d-md-none p-0">
<div class="d-flex">
<a href="../" class="navbar-brand">carbon-components-angular documentation</a>
<button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
</div>
</div>
<div class="xs-menu menu" id="mobile-menu">
<div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div> <compodoc-menu></compodoc-menu>
</div>
<div class="container-fluid main">
<div class="row main">
<div class="d-none d-md-block menu">
<compodoc-menu mode="normal"></compodoc-menu>
</div>
<!-- START CONTENT -->
<div class="content module">
<div class="content-data">
<ol class="breadcrumb">
<li class="breadcrumb-item">Modules</li>
<li class="breadcrumb-item" >TableModule</li>
</ol>
<div class="text-center module-graph-container">
<div id="module-graph-svg">
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 2.47.0 (20210316.0004)
-->
<!-- Title: dependencies Pages: 1 -->
<svg width="3840pt" height="284pt"
viewBox="0.00 0.00 3840.00 284.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 280)">
<title>dependencies</title>
<polygon fill="white" stroke="transparent" points="-4,4 -4,-280 3836,-280 3836,4 -4,4"/>
<text text-anchor="start" x="1895.01" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
<polygon fill="#ffffb3" stroke="transparent" points="1682,-10 1682,-30 1702,-30 1702,-10 1682,-10"/>
<text text-anchor="start" x="1705.63" y="-15.4" font-family="Times-12" font-size="14.00">  Declarations</text>
<polygon fill="#8dd3c7" stroke="transparent" points="1795,-10 1795,-30 1815,-30 1815,-10 1795,-10"/>
<text text-anchor="start" x="1818.73" y="-15.4" font-family="Times-12" font-size="14.00">  Module</text>
<polygon fill="#80b1d3" stroke="transparent" points="1881,-10 1881,-30 1901,-30 1901,-10 1881,-10"/>
<text text-anchor="start" x="1904.78" y="-15.4" font-family="Times-12" font-size="14.00">  Bootstrap</text>
<polygon fill="#fdb462" stroke="transparent" points="1978,-10 1978,-30 1998,-30 1998,-10 1978,-10"/>
<text text-anchor="start" x="2001.67" y="-15.4" font-family="Times-12" font-size="14.00">  Providers</text>
<polygon fill="#fb8072" stroke="transparent" points="2074,-10 2074,-30 2094,-30 2094,-10 2074,-10"/>
<text text-anchor="start" x="2097.73" y="-15.4" font-family="Times-12" font-size="14.00">  Exports</text>
<g id="clust1" class="cluster">
<title>cluster_TableModule</title>
<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-268 3824,-268 3824,-70 8,-70"/>
</g>
<g id="clust2" class="cluster">
<title>cluster_TableModule_declarations</title>
<polygon fill="none" stroke="black" points="699,-78 699,-130 3816,-130 3816,-78 699,-78"/>
</g>
<g id="clust28" class="cluster">
<title>cluster_TableModule_exports</title>
<polygon fill="none" stroke="black" points="245,-208 245,-260 3444,-260 3444,-208 245,-208"/>
</g>
<g id="clust27" class="cluster">
<title>cluster_TableModule_imports</title>
<polygon fill="none" stroke="black" points="16,-78 16,-130 691,-130 691,-78 16,-78"/>
</g>
<!-- ExpandedRowHover -->
<g id="node1" class="node">
<title>ExpandedRowHover</title>
<polygon fill="#ffffb3" stroke="black" points="3807.91,-122 3674.09,-122 3674.09,-86 3807.91,-86 3807.91,-122"/>
<text text-anchor="middle" x="3741" y="-99.8" font-family="Times,serif" font-size="14.00">ExpandedRowHover</text>
</g>
<!-- TableModule -->
<g id="node25" class="node">
<title>TableModule</title>
<polygon fill="#8dd3c7" stroke="black" points="2018.92,-187 2015.92,-191 1994.92,-191 1991.92,-187 1927.08,-187 1927.08,-151 2018.92,-151 2018.92,-187"/>
<text text-anchor="middle" x="1973" y="-164.8" font-family="Times,serif" font-size="14.00">TableModule</text>
</g>
<!-- ExpandedRowHover->TableModule -->
<g id="edge1" class="edge">
<title>ExpandedRowHover->TableModule</title>
<path fill="none" stroke="black" d="M3741,-122.31C3741,-142.15 3741,-171 3741,-171 3741,-171 2028.93,-171 2028.93,-171"/>
<polygon fill="black" stroke="black" points="2028.93,-167.5 2018.93,-171 2028.93,-174.5 2028.93,-167.5"/>
</g>
<!-- Table -->
<g id="node2" class="node">
<title>Table</title>
<polygon fill="#ffffb3" stroke="black" points="3656,-122 3602,-122 3602,-86 3656,-86 3656,-122"/>
<text text-anchor="middle" x="3629" y="-99.8" font-family="Times,serif" font-size="14.00">Table</text>
</g>
<!-- Table->TableModule -->
<g id="edge2" class="edge">
<title>Table->TableModule</title>
<path fill="none" stroke="black" d="M3629,-122.11C3629,-141.34 3629,-169 3629,-169 3629,-169 2029.02,-169 2029.02,-169"/>
<polygon fill="black" stroke="black" points="2029.02,-165.5 2019.02,-169 2029.02,-172.5 2029.02,-165.5"/>
</g>
<!-- TableBody -->
<g id="node3" class="node">
<title>TableBody</title>
<polygon fill="#ffffb3" stroke="black" points="3584.21,-122 3505.79,-122 3505.79,-86 3584.21,-86 3584.21,-122"/>
<text text-anchor="middle" x="3545" y="-99.8" font-family="Times,serif" font-size="14.00">TableBody</text>
</g>
<!-- TableBody->TableModule -->
<g id="edge3" class="edge">
<title>TableBody->TableModule</title>
<path fill="none" stroke="black" d="M3545,-122.17C3545,-141.09 3545,-168 3545,-168 3545,-168 2028.77,-168 2028.77,-168"/>
<polygon fill="black" stroke="black" points="2028.77,-164.5 2018.77,-168 2028.77,-171.5 2028.77,-164.5"/>
</g>
<!-- TableCheckbox -->
<g id="node4" class="node">
<title>TableCheckbox</title>
<polygon fill="#ffffb3" stroke="black" points="3488.14,-122 3383.86,-122 3383.86,-86 3488.14,-86 3488.14,-122"/>
<text text-anchor="middle" x="3436" y="-99.8" font-family="Times,serif" font-size="14.00">TableCheckbox</text>
</g>
<!-- TableCheckbox->TableModule -->
<g id="edge4" class="edge">
<title>TableCheckbox->TableModule</title>
<path fill="none" stroke="black" d="M3410.07,-122.22C3410.07,-140.83 3410.07,-167 3410.07,-167 3410.07,-167 2028.78,-167 2028.78,-167"/>
<polygon fill="black" stroke="black" points="2028.78,-163.5 2018.78,-167 2028.78,-170.5 2028.78,-163.5"/>
</g>
<!-- TableContainer -->
<g id="node5" class="node">
<title>TableContainer</title>
<polygon fill="#ffffb3" stroke="black" points="3365.58,-122 3262.42,-122 3262.42,-86 3365.58,-86 3365.58,-122"/>
<text text-anchor="middle" x="3314" y="-99.8" font-family="Times,serif" font-size="14.00">TableContainer</text>
</g>
<!-- TableContainer->TableModule -->
<g id="edge5" class="edge">
<title>TableContainer->TableModule</title>
<path fill="none" stroke="black" d="M3272.23,-122.3C3272.23,-140.27 3272.23,-165 3272.23,-165 3272.23,-165 2028.86,-165 2028.86,-165"/>
<polygon fill="black" stroke="black" points="2028.86,-161.5 2018.86,-165 2028.86,-168.5 2028.86,-161.5"/>
</g>
<!-- TableData -->
<g id="node6" class="node">
<title>TableData</title>
<polygon fill="#ffffb3" stroke="black" points="3244.3,-122 3169.7,-122 3169.7,-86 3244.3,-86 3244.3,-122"/>
<text text-anchor="middle" x="3207" y="-99.8" font-family="Times,serif" font-size="14.00">TableData</text>
</g>
<!-- TableData->TableModule -->
<g id="edge6" class="edge">
<title>TableData->TableModule</title>
<path fill="none" stroke="black" d="M3189.85,-122C3189.85,-139.68 3189.85,-164 3189.85,-164 3189.85,-164 2028.85,-164 2028.85,-164"/>
<polygon fill="black" stroke="black" points="2028.85,-160.5 2018.85,-164 2028.85,-167.5 2028.85,-160.5"/>
</g>
<!-- TableDirective -->
<g id="node7" class="node">
<title>TableDirective</title>
<polygon fill="#ffffb3" stroke="black" points="3151.96,-122 3052.04,-122 3052.04,-86 3151.96,-86 3151.96,-122"/>
<text text-anchor="middle" x="3102" y="-99.8" font-family="Times,serif" font-size="14.00">TableDirective</text>
</g>
<!-- TableDirective->TableModule -->
<g id="edge7" class="edge">
<title>TableDirective->TableModule</title>
<path fill="none" stroke="black" d="M3081.05,-122.02C3081.05,-139.37 3081.05,-163 3081.05,-163 3081.05,-163 2028.85,-163 2028.85,-163"/>
<polygon fill="black" stroke="black" points="2028.85,-159.5 2018.85,-163 2028.85,-166.5 2028.85,-159.5"/>
</g>
<!-- TableExpandButton -->
<g id="node8" class="node">
<title>TableExpandButton</title>
<polygon fill="#ffffb3" stroke="black" points="3034.26,-122 2905.74,-122 2905.74,-86 3034.26,-86 3034.26,-122"/>
<text text-anchor="middle" x="2970" y="-99.8" font-family="Times,serif" font-size="14.00">TableExpandButton</text>
</g>
<!-- TableExpandButton->TableModule -->
<g id="edge8" class="edge">
<title>TableExpandButton->TableModule</title>
<path fill="none" stroke="black" d="M2944.96,-122.04C2944.96,-138.73 2944.96,-161 2944.96,-161 2944.96,-161 2028.9,-161 2028.9,-161"/>
<polygon fill="black" stroke="black" points="2028.9,-157.5 2018.9,-161 2028.9,-164.5 2028.9,-157.5"/>
</g>
<!-- TableExpandedRow -->
<g id="node9" class="node">
<title>TableExpandedRow</title>
<polygon fill="#ffffb3" stroke="black" points="2887.3,-122 2756.7,-122 2756.7,-86 2887.3,-86 2887.3,-122"/>
<text text-anchor="middle" x="2822" y="-99.8" font-family="Times,serif" font-size="14.00">TableExpandedRow</text>
</g>
<!-- TableExpandedRow->TableModule -->
<g id="edge9" class="edge">
<title>TableExpandedRow->TableModule</title>
<path fill="none" stroke="black" d="M2772.91,-122.03C2772.91,-138.4 2772.91,-160 2772.91,-160 2772.91,-160 2028.88,-160 2028.88,-160"/>
<polygon fill="black" stroke="black" points="2028.88,-156.5 2018.88,-160 2028.88,-163.5 2028.88,-156.5"/>
</g>
<!-- TableHead -->
<g id="node10" class="node">
<title>TableHead</title>
<polygon fill="#ffffb3" stroke="black" points="2738.91,-122 2661.09,-122 2661.09,-86 2738.91,-86 2738.91,-122"/>
<text text-anchor="middle" x="2700" y="-99.8" font-family="Times,serif" font-size="14.00">TableHead</text>
</g>
<!-- TableHead->TableModule -->
<g id="edge10" class="edge">
<title>TableHead->TableModule</title>
<path fill="none" stroke="black" d="M2712.9,-122.28C2712.9,-137.95 2712.9,-158 2712.9,-158 2712.9,-158 2028.73,-158 2028.73,-158"/>
<polygon fill="black" stroke="black" points="2028.73,-154.5 2018.73,-158 2028.73,-161.5 2028.73,-154.5"/>
</g>
<!-- TableHeadCell -->
<g id="node11" class="node">
<title>TableHeadCell</title>
<polygon fill="#ffffb3" stroke="black" points="2643.24,-122 2542.76,-122 2542.76,-86 2643.24,-86 2643.24,-122"/>
<text text-anchor="middle" x="2593" y="-99.8" font-family="Times,serif" font-size="14.00">TableHeadCell</text>
</g>
<!-- TableHeadCell->TableModule -->
<g id="edge11" class="edge">
<title>TableHeadCell->TableModule</title>
<path fill="none" stroke="black" d="M2592.38,-122.24C2592.38,-137.57 2592.38,-157 2592.38,-157 2592.38,-157 2028.8,-157 2028.8,-157"/>
<polygon fill="black" stroke="black" points="2028.8,-153.5 2018.8,-157 2028.8,-160.5 2028.8,-153.5"/>
</g>
<!-- TableHeadCellLabel -->
<g id="node12" class="node">
<title>TableHeadCellLabel</title>
<polygon fill="#ffffb3" stroke="black" points="2524.11,-122 2391.89,-122 2391.89,-86 2524.11,-86 2524.11,-122"/>
<text text-anchor="middle" x="2458" y="-99.8" font-family="Times,serif" font-size="14.00">TableHeadCellLabel</text>
</g>
<!-- TableHeadCellLabel->TableModule -->
<g id="edge12" class="edge">
<title>TableHeadCellLabel->TableModule</title>
<path fill="none" stroke="black" d="M2441.8,-122.19C2441.8,-137.18 2441.8,-156 2441.8,-156 2441.8,-156 2028.8,-156 2028.8,-156"/>
<polygon fill="black" stroke="black" points="2028.8,-152.5 2018.8,-156 2028.8,-159.5 2028.8,-152.5"/>
</g>
<!-- TableHeadCheckbox -->
<g id="node13" class="node">
<title>TableHeadCheckbox</title>
<polygon fill="#ffffb3" stroke="black" points="2374.17,-122 2239.83,-122 2239.83,-86 2374.17,-86 2374.17,-122"/>
<text text-anchor="middle" x="2307" y="-99.8" font-family="Times,serif" font-size="14.00">TableHeadCheckbox</text>
</g>
<!-- TableHeadCheckbox->TableModule -->
<g id="edge13" class="edge">
<title>TableHeadCheckbox->TableModule</title>
<path fill="none" stroke="black" d="M2250.33,-122.05C2250.33,-136.37 2250.33,-154 2250.33,-154 2250.33,-154 2028.8,-154 2028.8,-154"/>
<polygon fill="black" stroke="black" points="2028.8,-150.5 2018.8,-154 2028.8,-157.5 2028.8,-150.5"/>
</g>
<!-- TableHeadExpand -->
<g id="node14" class="node">
<title>TableHeadExpand</title>
<polygon fill="#ffffb3" stroke="black" points="2222.18,-122 2101.82,-122 2101.82,-86 2222.18,-86 2222.18,-122"/>
<text text-anchor="middle" x="2162" y="-99.8" font-family="Times,serif" font-size="14.00">TableHeadExpand</text>
</g>
<!-- TableHeadExpand->TableModule -->
<g id="edge14" class="edge">
<title>TableHeadExpand->TableModule</title>
<path fill="none" stroke="black" d="M2110.48,-122.25C2110.48,-136.18 2110.48,-153 2110.48,-153 2110.48,-153 2028.78,-153 2028.78,-153"/>
<polygon fill="black" stroke="black" points="2028.78,-149.5 2018.78,-153 2028.78,-156.5 2028.78,-149.5"/>
</g>
<!-- TableHeader -->
<g id="node15" class="node">
<title>TableHeader</title>
<polygon fill="#ffffb3" stroke="black" points="2084.28,-122 1995.72,-122 1995.72,-86 2084.28,-86 2084.28,-122"/>
<text text-anchor="middle" x="2040" y="-99.8" font-family="Times,serif" font-size="14.00">TableHeader</text>
</g>
<!-- TableHeader->TableModule -->
<g id="edge15" class="edge">
<title>TableHeader->TableModule</title>
<path fill="none" stroke="black" d="M2007.28,-122.11C2007.28,-122.11 2007.28,-140.99 2007.28,-140.99"/>
<polygon fill="black" stroke="black" points="2003.78,-140.99 2007.28,-150.99 2010.78,-140.99 2003.78,-140.99"/>
</g>
<!-- TableHeaderDecorator -->
<g id="node16" class="node">
<title>TableHeaderDecorator</title>
<polygon fill="#ffffb3" stroke="black" points="1978.25,-122 1833.75,-122 1833.75,-86 1978.25,-86 1978.25,-122"/>
<text text-anchor="middle" x="1906" y="-99.8" font-family="Times,serif" font-size="14.00">TableHeaderDecorator</text>
</g>
<!-- TableHeaderDecorator->TableModule -->
<g id="edge16" class="edge">
<title>TableHeaderDecorator->TableModule</title>
<path fill="none" stroke="black" d="M1952.71,-122.11C1952.71,-122.11 1952.71,-140.99 1952.71,-140.99"/>
<polygon fill="black" stroke="black" points="1949.21,-140.99 1952.71,-150.99 1956.21,-140.99 1949.21,-140.99"/>
</g>
<!-- TableHeaderDescription -->
<g id="node17" class="node">
<title>TableHeaderDescription</title>
<polygon fill="#ffffb3" stroke="black" points="1815.6,-122 1662.4,-122 1662.4,-86 1815.6,-86 1815.6,-122"/>
<text text-anchor="middle" x="1739" y="-99.8" font-family="Times,serif" font-size="14.00">TableHeaderDescription</text>
</g>
<!-- TableHeaderDescription->TableModule -->
<g id="edge17" class="edge">
<title>TableHeaderDescription->TableModule</title>
<path fill="none" stroke="black" d="M1726.39,-122.25C1726.39,-136.18 1726.39,-153 1726.39,-153 1726.39,-153 1917.19,-153 1917.19,-153"/>
<polygon fill="black" stroke="black" points="1917.19,-156.5 1927.19,-153 1917.19,-149.5 1917.19,-156.5"/>
</g>
<!-- TableHeaderTitle -->
<g id="node18" class="node">
<title>TableHeaderTitle</title>
<polygon fill="#ffffb3" stroke="black" points="1644.22,-122 1529.78,-122 1529.78,-86 1644.22,-86 1644.22,-122"/>
<text text-anchor="middle" x="1587" y="-99.8" font-family="Times,serif" font-size="14.00">TableHeaderTitle</text>
</g>
<!-- TableHeaderTitle->TableModule -->
<g id="edge18" class="edge">
<title>TableHeaderTitle->TableModule</title>
<path fill="none" stroke="black" d="M1609.73,-122.05C1609.73,-136.37 1609.73,-154 1609.73,-154 1609.73,-154 1916.99,-154 1916.99,-154"/>
<polygon fill="black" stroke="black" points="1916.99,-157.5 1926.99,-154 1916.99,-150.5 1916.99,-157.5"/>
</g>
<!-- TableRadio -->
<g id="node19" class="node">
<title>TableRadio</title>
<polygon fill="#ffffb3" stroke="black" points="1511.81,-122 1430.19,-122 1430.19,-86 1511.81,-86 1511.81,-122"/>
<text text-anchor="middle" x="1471" y="-99.8" font-family="Times,serif" font-size="14.00">TableRadio</text>
</g>
<!-- TableRadio->TableModule -->
<g id="edge19" class="edge">
<title>TableRadio->TableModule</title>
<path fill="none" stroke="black" d="M1471,-122.19C1471,-137.18 1471,-156 1471,-156 1471,-156 1917.12,-156 1917.12,-156"/>
<polygon fill="black" stroke="black" points="1917.12,-159.5 1927.12,-156 1917.12,-152.5 1917.12,-159.5"/>
</g>
<!-- TableRowComponent -->
<g id="node20" class="node">
<title>TableRowComponent</title>
<polygon fill="#ffffb3" stroke="black" points="1412.65,-122 1273.35,-122 1273.35,-86 1412.65,-86 1412.65,-122"/>
<text text-anchor="middle" x="1343" y="-99.8" font-family="Times,serif" font-size="14.00">TableRowComponent</text>
</g>
<!-- TableRowComponent->TableModule -->
<g id="edge20" class="edge">
<title>TableRowComponent->TableModule</title>
<path fill="none" stroke="black" d="M1400.34,-122.24C1400.34,-137.57 1400.34,-157 1400.34,-157 1400.34,-157 1917.1,-157 1917.1,-157"/>
<polygon fill="black" stroke="black" points="1917.1,-160.5 1927.1,-157 1917.1,-153.5 1917.1,-160.5"/>
</g>
<!-- TableToolbar -->
<g id="node21" class="node">
<title>TableToolbar</title>
<polygon fill="#ffffb3" stroke="black" points="1255.19,-122 1162.81,-122 1162.81,-86 1255.19,-86 1255.19,-122"/>
<text text-anchor="middle" x="1209" y="-99.8" font-family="Times,serif" font-size="14.00">TableToolbar</text>
</g>
<!-- TableToolbar->TableModule -->
<g id="edge21" class="edge">
<title>TableToolbar->TableModule</title>
<path fill="none" stroke="black" d="M1244.77,-122.28C1244.77,-137.95 1244.77,-158 1244.77,-158 1244.77,-158 1917.17,-158 1917.17,-158"/>
<polygon fill="black" stroke="black" points="1917.17,-161.5 1927.17,-158 1917.17,-154.5 1917.17,-161.5"/>
</g>
<!-- TableToolbarActions -->
<g id="node22" class="node">
<title>TableToolbarActions</title>
<polygon fill="#ffffb3" stroke="black" points="1144.74,-122 1009.26,-122 1009.26,-86 1144.74,-86 1144.74,-122"/>
<text text-anchor="middle" x="1077" y="-99.8" font-family="Times,serif" font-size="14.00">TableToolbarActions</text>
</g>
<!-- TableToolbarActions->TableModule -->
<g id="edge22" class="edge">
<title>TableToolbarActions->TableModule</title>
<path fill="none" stroke="black" d="M1121.38,-122.03C1121.38,-138.4 1121.38,-160 1121.38,-160 1121.38,-160 1917.21,-160 1917.21,-160"/>
<polygon fill="black" stroke="black" points="1917.21,-163.5 1927.21,-160 1917.21,-156.5 1917.21,-163.5"/>
</g>
<!-- TableToolbarContent -->
<g id="node23" class="node">
<title>TableToolbarContent</title>
<polygon fill="#ffffb3" stroke="black" points="991.02,-122 854.98,-122 854.98,-86 991.02,-86 991.02,-122"/>
<text text-anchor="middle" x="923" y="-99.8" font-family="Times,serif" font-size="14.00">TableToolbarContent</text>
</g>
<!-- TableToolbarContent->TableModule -->
<g id="edge23" class="edge">
<title>TableToolbarContent->TableModule</title>
<path fill="none" stroke="black" d="M983.92,-122.04C983.92,-138.73 983.92,-161 983.92,-161 983.92,-161 1917.28,-161 1917.28,-161"/>
<polygon fill="black" stroke="black" points="1917.28,-164.5 1927.28,-161 1917.28,-157.5 1917.28,-164.5"/>
</g>
<!-- TableToolbarSearch -->
<g id="node24" class="node">
<title>TableToolbarSearch</title>
<polygon fill="#ffffb3" stroke="black" points="837.28,-122 706.72,-122 706.72,-86 837.28,-86 837.28,-122"/>
<text text-anchor="middle" x="772" y="-99.8" font-family="Times,serif" font-size="14.00">TableToolbarSearch</text>
</g>
<!-- TableToolbarSearch->TableModule -->
<g id="edge24" class="edge">
<title>TableToolbarSearch->TableModule</title>
<path fill="none" stroke="black" d="M824.64,-122.02C824.64,-139.37 824.64,-163 824.64,-163 824.64,-163 1917.27,-163 1917.27,-163"/>
<polygon fill="black" stroke="black" points="1917.27,-166.5 1927.27,-163 1917.27,-159.5 1917.27,-166.5"/>
</g>
<!-- ExpandedRowHover -->
<g id="node32" class="node">
<title>ExpandedRowHover </title>
<polygon fill="#fb8072" stroke="black" points="3436.41,-252 3299.59,-252 3299.59,-216 3436.41,-216 3436.41,-252"/>
<text text-anchor="middle" x="3368" y="-229.8" font-family="Times,serif" font-size="14.00">ExpandedRowHover </text>
</g>
<!-- TableModule->ExpandedRowHover -->
<g id="edge31" class="edge">
<title>TableModule->ExpandedRowHover </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M2019.01,-172C2256.5,-172 3332.54,-172 3332.54,-172 3332.54,-172 3332.54,-205.73 3332.54,-205.73"/>
<polygon fill="black" stroke="black" points="3329.04,-205.73 3332.54,-215.73 3336.04,-205.73 3329.04,-205.73"/>
</g>
<!-- Table -->
<g id="node33" class="node">
<title>Table </title>
<polygon fill="#fb8072" stroke="black" points="3282,-252 3228,-252 3228,-216 3282,-216 3282,-252"/>
<text text-anchor="middle" x="3255" y="-229.8" font-family="Times,serif" font-size="14.00">Table </text>
</g>
<!-- TableModule->Table -->
<g id="edge32" class="edge">
<title>TableModule->Table </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M2019.07,-174C2246.24,-174 3236.07,-174 3236.07,-174 3236.07,-174 3236.07,-206 3236.07,-206"/>
<polygon fill="black" stroke="black" points="3232.57,-206 3236.07,-216 3239.57,-206 3232.57,-206"/>
</g>
<!-- TableBody -->
<g id="node34" class="node">
<title>TableBody </title>
<polygon fill="#fb8072" stroke="black" points="3209.71,-252 3128.29,-252 3128.29,-216 3209.71,-216 3209.71,-252"/>
<text text-anchor="middle" x="3169" y="-229.8" font-family="Times,serif" font-size="14.00">TableBody </text>
</g>
<!-- TableModule->TableBody -->
<g id="edge33" class="edge">
<title>TableModule->TableBody </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M2018.75,-175C2234.52,-175 3140.06,-175 3140.06,-175 3140.06,-175 3140.06,-205.98 3140.06,-205.98"/>
<polygon fill="black" stroke="black" points="3136.56,-205.98 3140.06,-215.98 3143.56,-205.98 3136.56,-205.98"/>
</g>
<!-- TableCheckbox -->
<g id="node35" class="node">
<title>TableCheckbox </title>
<polygon fill="#fb8072" stroke="black" points="3110.14,-252 3001.86,-252 3001.86,-216 3110.14,-216 3110.14,-252"/>
<text text-anchor="middle" x="3056" y="-229.8" font-family="Times,serif" font-size="14.00">TableCheckbox </text>
</g>
<!-- TableModule->TableCheckbox -->
<g id="edge34" class="edge">
<title>TableModule->TableCheckbox </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M2018.92,-176C2220.64,-176 3018.15,-176 3018.15,-176 3018.15,-176 3018.15,-205.97 3018.15,-205.97"/>
<polygon fill="black" stroke="black" points="3014.65,-205.97 3018.15,-215.97 3021.65,-205.97 3014.65,-205.97"/>
</g>
<!-- TableContainer -->
<g id="node36" class="node">
<title>TableContainer </title>
<polygon fill="#fb8072" stroke="black" points="2984.08,-252 2877.92,-252 2877.92,-216 2984.08,-216 2984.08,-252"/>
<text text-anchor="middle" x="2931" y="-229.8" font-family="Times,serif" font-size="14.00">TableContainer </text>
</g>
<!-- TableModule->TableContainer -->
<g id="edge35" class="edge">
<title>TableModule->TableContainer </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M2018.72,-178C2203.14,-178 2882.43,-178 2882.43,-178 2882.43,-178 2882.43,-205.97 2882.43,-205.97"/>
<polygon fill="black" stroke="black" points="2878.93,-205.97 2882.43,-215.97 2885.93,-205.97 2878.93,-205.97"/>
</g>
<!-- TableData -->
<g id="node37" class="node">
<title>TableData </title>
<polygon fill="#fb8072" stroke="black" points="2859.8,-252 2782.2,-252 2782.2,-216 2859.8,-216 2859.8,-252"/>
<text text-anchor="middle" x="2821" y="-229.8" font-family="Times,serif" font-size="14.00">TableData </text>
</g>
<!-- TableModule->TableData -->
<g id="edge36" class="edge">
<title>TableModule->TableData </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M2018.89,-179C2195.44,-179 2821,-179 2821,-179 2821,-179 2821,-205.99 2821,-205.99"/>
<polygon fill="black" stroke="black" points="2817.5,-205.99 2821,-215.99 2824.5,-205.99 2817.5,-205.99"/>
</g>
<!-- TableDirective -->
<g id="node38" class="node">
<title>TableDirective </title>
<polygon fill="#fb8072" stroke="black" points="2763.96,-252 2660.04,-252 2660.04,-216 2763.96,-216 2763.96,-252"/>
<text text-anchor="middle" x="2712" y="-229.8" font-family="Times,serif" font-size="14.00">TableDirective </text>
</g>
<!-- TableModule->TableDirective -->
<g id="edge37" class="edge">
<title>TableModule->TableDirective </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M2018.76,-181C2176.37,-181 2687.1,-181 2687.1,-181 2687.1,-181 2687.1,-205.76 2687.1,-205.76"/>
<polygon fill="black" stroke="black" points="2683.6,-205.76 2687.1,-215.76 2690.6,-205.76 2683.6,-205.76"/>
</g>
<!-- TableExpandButton -->
<g id="node39" class="node">
<title>TableExpandButton </title>
<polygon fill="#fb8072" stroke="black" points="2642.26,-252 2509.74,-252 2509.74,-216 2642.26,-216 2642.26,-252"/>
<text text-anchor="middle" x="2576" y="-229.8" font-family="Times,serif" font-size="14.00">TableExpandButton </text>
</g>
<!-- TableModule->TableExpandButton -->
<g id="edge38" class="edge">
<title>TableModule->TableExpandButton </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M2018.92,-182C2150.09,-182 2517.09,-182 2517.09,-182 2517.09,-182 2517.09,-205.81 2517.09,-205.81"/>
<polygon fill="black" stroke="black" points="2513.59,-205.81 2517.09,-215.81 2520.59,-205.81 2513.59,-205.81"/>
</g>
<!-- TableExpandedRow -->
<g id="node40" class="node">
<title>TableExpandedRow </title>
<polygon fill="#fb8072" stroke="black" points="2491.8,-252 2358.2,-252 2358.2,-216 2491.8,-216 2491.8,-252"/>
<text text-anchor="middle" x="2425" y="-229.8" font-family="Times,serif" font-size="14.00">TableExpandedRow </text>
</g>
<!-- TableModule->TableExpandedRow -->
<g id="edge39" class="edge">
<title>TableModule->TableExpandedRow </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M2018.86,-183C2122.56,-183 2366.09,-183 2366.09,-183 2366.09,-183 2366.09,-205.88 2366.09,-205.88"/>
<polygon fill="black" stroke="black" points="2362.59,-205.88 2366.09,-215.88 2369.59,-205.88 2362.59,-205.88"/>
</g>
<!-- TableHead -->
<g id="node41" class="node">
<title>TableHead </title>
<polygon fill="#fb8072" stroke="black" points="2340.41,-252 2259.59,-252 2259.59,-216 2340.41,-216 2340.41,-252"/>
<text text-anchor="middle" x="2300" y="-229.8" font-family="Times,serif" font-size="14.00">TableHead </text>
</g>
<!-- TableModule->TableHead -->
<g id="edge40" class="edge">
<title>TableModule->TableHead </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M2018.81,-185C2108.81,-185 2300,-185 2300,-185 2300,-185 2300,-205.75 2300,-205.75"/>
<polygon fill="black" stroke="black" points="2296.5,-205.75 2300,-215.75 2303.5,-205.75 2296.5,-205.75"/>
</g>
<!-- TableHeadCell -->
<g id="node42" class="node">
<title>TableHeadCell </title>
<polygon fill="#fb8072" stroke="black" points="2241.24,-252 2136.76,-252 2136.76,-216 2241.24,-216 2241.24,-252"/>
<text text-anchor="middle" x="2189" y="-229.8" font-family="Times,serif" font-size="14.00">TableHeadCell </text>
</g>
<!-- TableModule->TableHeadCell -->
<g id="edge41" class="edge">
<title>TableModule->TableHeadCell </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M2018.83,-186C2079.66,-186 2179.48,-186 2179.48,-186 2179.48,-186 2179.48,-205.85 2179.48,-205.85"/>
<polygon fill="black" stroke="black" points="2175.98,-205.85 2179.48,-215.85 2182.98,-205.85 2175.98,-205.85"/>
</g>
<!-- TableHeadCellLabel -->
<g id="node43" class="node">
<title>TableHeadCellLabel </title>
<polygon fill="#fb8072" stroke="black" points="2119.11,-252 1982.89,-252 1982.89,-216 2119.11,-216 2119.11,-252"/>
<text text-anchor="middle" x="2051" y="-229.8" font-family="Times,serif" font-size="14.00">TableHeadCellLabel </text>
</g>
<!-- TableModule->TableHeadCellLabel -->
<g id="edge42" class="edge">
<title>TableModule->TableHeadCellLabel </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M2000.83,-187.11C2000.83,-187.11 2000.83,-205.99 2000.83,-205.99"/>
<polygon fill="black" stroke="black" points="1997.33,-205.99 2000.83,-215.99 2004.33,-205.99 1997.33,-205.99"/>
</g>
<!-- TableHeadCheckbox -->
<g id="node44" class="node">
<title>TableHeadCheckbox </title>
<polygon fill="#fb8072" stroke="black" points="1964.67,-252 1827.33,-252 1827.33,-216 1964.67,-216 1964.67,-252"/>
<text text-anchor="middle" x="1896" y="-229.8" font-family="Times,serif" font-size="14.00">TableHeadCheckbox </text>
</g>
<!-- TableModule->TableHeadCheckbox -->
<g id="edge43" class="edge">
<title>TableModule->TableHeadCheckbox </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1946.06,-187.11C1946.06,-187.11 1946.06,-205.99 1946.06,-205.99"/>
<polygon fill="black" stroke="black" points="1942.56,-205.99 1946.06,-215.99 1949.56,-205.99 1942.56,-205.99"/>
</g>
<!-- TableHeadExpand -->
<g id="node45" class="node">
<title>TableHeadExpand </title>
<polygon fill="#fb8072" stroke="black" points="1808.68,-252 1685.32,-252 1685.32,-216 1808.68,-216 1808.68,-252"/>
<text text-anchor="middle" x="1747" y="-229.8" font-family="Times,serif" font-size="14.00">TableHeadExpand </text>
</g>
<!-- TableModule->TableHeadExpand -->
<g id="edge44" class="edge">
<title>TableModule->TableHeadExpand </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1927.16,-186C1866.63,-186 1767.61,-186 1767.61,-186 1767.61,-186 1767.61,-205.85 1767.61,-205.85"/>
<polygon fill="black" stroke="black" points="1764.11,-205.85 1767.61,-215.85 1771.11,-205.85 1764.11,-205.85"/>
</g>
<!-- TableHeader -->
<g id="node46" class="node">
<title>TableHeader </title>
<polygon fill="#fb8072" stroke="black" points="1666.78,-252 1575.22,-252 1575.22,-216 1666.78,-216 1666.78,-252"/>
<text text-anchor="middle" x="1621" y="-229.8" font-family="Times,serif" font-size="14.00">TableHeader </text>
</g>
<!-- TableModule->TableHeader -->
<g id="edge45" class="edge">
<title>TableModule->TableHeader </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1927.19,-185C1838.79,-185 1653.28,-185 1653.28,-185 1653.28,-185 1653.28,-205.75 1653.28,-205.75"/>
<polygon fill="black" stroke="black" points="1649.78,-205.75 1653.28,-215.75 1656.78,-205.75 1649.78,-205.75"/>
</g>
<!-- TableHeaderDecorator -->
<g id="node47" class="node">
<title>TableHeaderDecorator </title>
<polygon fill="#fb8072" stroke="black" points="1556.75,-252 1409.25,-252 1409.25,-216 1556.75,-216 1556.75,-252"/>
<text text-anchor="middle" x="1483" y="-229.8" font-family="Times,serif" font-size="14.00">TableHeaderDecorator </text>
</g>
<!-- TableModule->TableHeaderDecorator -->
<g id="edge46" class="edge">
<title>TableModule->TableHeaderDecorator </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1927.01,-183C1816.15,-183 1543.26,-183 1543.26,-183 1543.26,-183 1543.26,-205.88 1543.26,-205.88"/>
<polygon fill="black" stroke="black" points="1539.76,-205.88 1543.26,-215.88 1546.76,-205.88 1539.76,-205.88"/>
</g>
<!-- TableHeaderDescription -->
<g id="node48" class="node">
<title>TableHeaderDescription </title>
<polygon fill="#fb8072" stroke="black" points="1391.6,-252 1234.4,-252 1234.4,-216 1391.6,-216 1391.6,-252"/>
<text text-anchor="middle" x="1313" y="-229.8" font-family="Times,serif" font-size="14.00">TableHeaderDescription </text>
</g>
<!-- TableModule->TableHeaderDescription -->
<g id="edge47" class="edge">
<title>TableModule->TableHeaderDescription </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1927.18,-182C1780.56,-182 1332.36,-182 1332.36,-182 1332.36,-182 1332.36,-205.81 1332.36,-205.81"/>
<polygon fill="black" stroke="black" points="1328.86,-205.81 1332.36,-215.81 1335.86,-205.81 1328.86,-205.81"/>
</g>
<!-- TableHeaderTitle -->
<g id="node49" class="node">
<title>TableHeaderTitle </title>
<polygon fill="#fb8072" stroke="black" points="1216.22,-252 1097.78,-252 1097.78,-216 1216.22,-216 1216.22,-252"/>
<text text-anchor="middle" x="1157" y="-229.8" font-family="Times,serif" font-size="14.00">TableHeaderTitle </text>
</g>
<!-- TableModule->TableHeaderTitle -->
<g id="edge48" class="edge">
<title>TableModule->TableHeaderTitle </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1927.2,-181C1759.62,-181 1189.51,-181 1189.51,-181 1189.51,-181 1189.51,-205.76 1189.51,-205.76"/>
<polygon fill="black" stroke="black" points="1186.01,-205.76 1189.51,-215.76 1193.01,-205.76 1186.01,-205.76"/>
</g>
<!-- TableRadio -->
<g id="node50" class="node">
<title>TableRadio </title>
<polygon fill="#fb8072" stroke="black" points="1079.31,-252 994.69,-252 994.69,-216 1079.31,-216 1079.31,-252"/>
<text text-anchor="middle" x="1037" y="-229.8" font-family="Times,serif" font-size="14.00">TableRadio </text>
</g>
<!-- TableModule->TableRadio -->
<g id="edge49" class="edge">
<title>TableModule->TableRadio </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1927.26,-179C1740.33,-179 1044.27,-179 1044.27,-179 1044.27,-179 1044.27,-205.99 1044.27,-205.99"/>
<polygon fill="black" stroke="black" points="1040.77,-205.99 1044.27,-215.99 1047.77,-205.99 1040.77,-205.99"/>
</g>
<!-- TableRowComponent -->
<g id="node51" class="node">
<title>TableRowComponent </title>
<polygon fill="#fb8072" stroke="black" points="976.65,-252 833.35,-252 833.35,-216 976.65,-216 976.65,-252"/>
<text text-anchor="middle" x="905" y="-229.8" font-family="Times,serif" font-size="14.00">TableRowComponent </text>
</g>
<!-- TableModule->TableRowComponent -->
<g id="edge50" class="edge">
<title>TableModule->TableRowComponent </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1927.23,-178C1724.28,-178 915.66,-178 915.66,-178 915.66,-178 915.66,-205.97 915.66,-205.97"/>
<polygon fill="black" stroke="black" points="912.16,-205.97 915.66,-215.97 919.16,-205.97 912.16,-205.97"/>
</g>
<!-- TableToolbar -->
<g id="node52" class="node">
<title>TableToolbar </title>
<polygon fill="#fb8072" stroke="black" points="815.69,-252 720.31,-252 720.31,-216 815.69,-216 815.69,-252"/>
<text text-anchor="middle" x="768" y="-229.8" font-family="Times,serif" font-size="14.00">TableToolbar </text>
</g>
<!-- TableModule->TableToolbar -->
<g id="edge51" class="edge">
<title>TableModule->TableToolbar </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1927.23,-176C1707.13,-176 768,-176 768,-176 768,-176 768,-205.97 768,-205.97"/>
<polygon fill="black" stroke="black" points="764.5,-205.97 768,-215.97 771.5,-205.97 764.5,-205.97"/>
</g>
<!-- TableToolbarActions -->
<g id="node53" class="node">
<title>TableToolbarActions </title>
<polygon fill="#fb8072" stroke="black" points="702.74,-252 563.26,-252 563.26,-216 702.74,-216 702.74,-252"/>
<text text-anchor="middle" x="633" y="-229.8" font-family="Times,serif" font-size="14.00">TableToolbarActions </text>
</g>
<!-- TableModule->TableToolbarActions -->
<g id="edge52" class="edge">
<title>TableModule->TableToolbarActions </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1927.06,-175C1698.26,-175 692.73,-175 692.73,-175 692.73,-175 692.73,-205.98 692.73,-205.98"/>
<polygon fill="black" stroke="black" points="689.23,-205.98 692.73,-215.98 696.23,-205.98 689.23,-205.98"/>
</g>
<!-- TableToolbarContent -->
<g id="node54" class="node">
<title>TableToolbarContent </title>
<polygon fill="#fb8072" stroke="black" points="545.02,-252 404.98,-252 404.98,-216 545.02,-216 545.02,-252"/>
<text text-anchor="middle" x="475" y="-229.8" font-family="Times,serif" font-size="14.00">TableToolbarContent </text>
</g>
<!-- TableModule->TableToolbarContent -->
<g id="edge53" class="edge">
<title>TableModule->TableToolbarContent </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1927.11,-174C1678.81,-174 507.09,-174 507.09,-174 507.09,-174 507.09,-206 507.09,-206"/>
<polygon fill="black" stroke="black" points="503.59,-206 507.09,-216 510.59,-206 503.59,-206"/>
</g>
<!-- TableToolbarSearch -->
<g id="node55" class="node">
<title>TableToolbarSearch </title>
<polygon fill="#fb8072" stroke="black" points="386.78,-252 253.22,-252 253.22,-216 386.78,-216 386.78,-252"/>
<text text-anchor="middle" x="320" y="-229.8" font-family="Times,serif" font-size="14.00">TableToolbarSearch </text>
</g>
<!-- TableModule->TableToolbarSearch -->
<g id="edge54" class="edge">
<title>TableModule->TableToolbarSearch </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1926.95,-172C1665.21,-172 376.64,-172 376.64,-172 376.64,-172 376.64,-205.73 376.64,-205.73"/>
<polygon fill="black" stroke="black" points="373.14,-205.73 376.64,-215.73 380.14,-205.73 373.14,-205.73"/>
</g>
<!-- ButtonModule -->
<g id="node26" class="node">
<title>ButtonModule</title>
<polygon fill="#8dd3c7" stroke="black" points="682.67,-122 679.67,-126 658.67,-126 655.67,-122 585.33,-122 585.33,-86 682.67,-86 682.67,-122"/>
<text text-anchor="middle" x="634" y="-99.8" font-family="Times,serif" font-size="14.00">ButtonModule</text>
</g>
<!-- ButtonModule->TableModule -->
<g id="edge25" class="edge">
<title>ButtonModule->TableModule</title>
<path fill="none" stroke="black" d="M634,-122C634,-139.68 634,-164 634,-164 634,-164 1916.91,-164 1916.91,-164"/>
<polygon fill="black" stroke="black" points="1916.91,-167.5 1926.91,-164 1916.91,-160.5 1916.91,-167.5"/>
</g>
<!-- DialogModule -->
<g id="node27" class="node">
<title>DialogModule</title>
<polygon fill="#8dd3c7" stroke="black" points="566.65,-122 563.65,-126 542.65,-126 539.65,-122 469.35,-122 469.35,-86 566.65,-86 566.65,-122"/>
<text text-anchor="middle" x="518" y="-99.8" font-family="Times,serif" font-size="14.00">DialogModule</text>
</g>
<!-- DialogModule->TableModule -->
<g id="edge26" class="edge">
<title>DialogModule->TableModule</title>
<path fill="none" stroke="black" d="M554.2,-122.3C554.2,-140.27 554.2,-165 554.2,-165 554.2,-165 1917,-165 1917,-165"/>
<polygon fill="black" stroke="black" points="1917,-168.5 1927,-165 1917,-161.5 1917,-168.5"/>
</g>
<!-- I18nModule -->
<g id="node28" class="node">
<title>I18nModule</title>
<polygon fill="#8dd3c7" stroke="black" points="451.71,-122 448.71,-126 427.71,-126 424.71,-122 366.29,-122 366.29,-86 451.71,-86 451.71,-122"/>
<text text-anchor="middle" x="409" y="-99.8" font-family="Times,serif" font-size="14.00">I18nModule</text>
</g>
<!-- I18nModule->TableModule -->
<g id="edge27" class="edge">
<title>I18nModule->TableModule</title>
<path fill="none" stroke="black" d="M428.3,-122.22C428.3,-140.83 428.3,-167 428.3,-167 428.3,-167 1917.19,-167 1917.19,-167"/>
<polygon fill="black" stroke="black" points="1917.19,-170.5 1927.19,-167 1917.19,-163.5 1917.19,-170.5"/>
</g>
<!-- IconModule -->
<g id="node29" class="node">
<title>IconModule</title>
<polygon fill="#8dd3c7" stroke="black" points="348.43,-122 345.43,-126 324.43,-126 321.43,-122 263.57,-122 263.57,-86 348.43,-86 348.43,-122"/>
<text text-anchor="middle" x="306" y="-99.8" font-family="Times,serif" font-size="14.00">IconModule</text>
</g>
<!-- IconModule->TableModule -->
<g id="edge28" class="edge">
<title>IconModule->TableModule</title>
<path fill="none" stroke="black" d="M306,-122.17C306,-141.09 306,-168 306,-168 306,-168 1917.11,-168 1917.11,-168"/>
<polygon fill="black" stroke="black" points="1917.11,-171.5 1927.11,-168 1917.11,-164.5 1917.11,-171.5"/>
</g>
<!-- NFormsModule -->
<g id="node30" class="node">
<title>NFormsModule</title>
<polygon fill="#8dd3c7" stroke="black" points="245.94,-122 242.94,-126 221.94,-126 218.94,-122 140.06,-122 140.06,-86 245.94,-86 245.94,-122"/>
<text text-anchor="middle" x="193" y="-99.8" font-family="Times,serif" font-size="14.00">NFormsModule</text>
</g>
<!-- NFormsModule->TableModule -->
<g id="edge29" class="edge">
<title>NFormsModule->TableModule</title>
<path fill="none" stroke="black" d="M193,-122.11C193,-141.34 193,-169 193,-169 193,-169 1917.21,-169 1917.21,-169"/>
<polygon fill="black" stroke="black" points="1917.21,-172.5 1927.21,-169 1917.21,-165.5 1917.21,-172.5"/>
</g>
<!-- SearchModule -->
<g id="node31" class="node">
<title>SearchModule</title>
<polygon fill="#8dd3c7" stroke="black" points="121.64,-122 118.64,-126 97.64,-126 94.64,-122 24.36,-122 24.36,-86 121.64,-86 121.64,-122"/>
<text text-anchor="middle" x="73" y="-99.8" font-family="Times,serif" font-size="14.00">SearchModule</text>
</g>
<!-- SearchModule->TableModule -->
<g id="edge30" class="edge">
<title>SearchModule->TableModule</title>
<path fill="none" stroke="black" d="M73,-122.31C73,-142.15 73,-171 73,-171 73,-171 1916.97,-171 1916.97,-171"/>
<polygon fill="black" stroke="black" points="1916.97,-174.5 1926.97,-171 1916.97,-167.5 1916.97,-174.5"/>
</g>
</g>
</svg>
</div>
<i id="fullscreen" class="icon ion-ios-resize module-graph-fullscreen-btn" aria-hidden="true"></i>
<div class="btn-group size-buttons">
<button id="zoom-in" class="btn btn-default btn-sm">Zoom in</button>
<button id="reset" class="btn btn-default btn-sm">Reset</button>
<button id="zoom-out" class="btn btn-default btn-sm">Zoom out</button>
</div>
</div>
<script src="../js/libs/svg-pan-zoom.min.js"></script>
<script src="../js/svg-pan-zoom.controls.js"></script>
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item">
<a href="#info"
class="nav-link"
class="nav-link active"
role="tab" id="info-tab" data-bs-toggle="tab" data-link="info">Info</a>
</li>
<li class="nav-item">
<a href="#source"
class="nav-link"
role="tab" id="source-tab" data-bs-toggle="tab" data-link="source">Source</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade active in" id="info">
<p class="comment">
<h3>File</h3>
</p>
<p class="comment">
<code>src/table/table.module.ts</code>
</p>
<div class="container-fluid module">
<div class="row">
<div class="col-sm-3">
<h3>Declarations<a href="https://angular.io/api/core/NgModule#declarations" target="_blank" rel="noopener noreferrer"
title="Official documentation about module declarations"><span class="icon ion-ios-information-circle-outline"></span></a></h3>
<ul class="list-group">
<li class="list-group-item">
<a href="../directives/ExpandedRowHover.html">ExpandedRowHover</a>
</li>
<li class="list-group-item">
<a href="../components/Table.html">Table</a>
</li>
<li class="list-group-item">
<a href="../components/TableBody.html">TableBody</a>
</li>
<li class="list-group-item">
<a href="../components/TableCheckbox.html">TableCheckbox</a>
</li>
<li class="list-group-item">
<a href="../components/TableContainer.html">TableContainer</a>
</li>
<li class="list-group-item">
<a href="../components/TableData.html">TableData</a>
</li>
<li class="list-group-item">
<a href="../directives/TableDirective.html">TableDirective</a>
</li>
<li class="list-group-item">
<a href="../components/TableExpandButton.html">TableExpandButton</a>
</li>
<li class="list-group-item">
<a href="../components/TableExpandedRow.html">TableExpandedRow</a>
</li>
<li class="list-group-item">
<a href="../components/TableHead.html">TableHead</a>
</li>
<li class="list-group-item">
<a href="../components/TableHeadCell.html">TableHeadCell</a>
</li>
<li class="list-group-item">
<a href="../directives/TableHeadCellLabel.html">TableHeadCellLabel</a>
</li>
<li class="list-group-item">
<a href="../components/TableHeadCheckbox.html">TableHeadCheckbox</a>
</li>
<li class="list-group-item">
<a href="../components/TableHeadExpand.html">TableHeadExpand</a>
</li>
<li class="list-group-item">
<a href="../components/TableHeader.html">TableHeader</a>
</li>
<li class="list-group-item">
<a href="../components/TableHeaderDecorator.html">TableHeaderDecorator</a>
</li>
<li class="list-group-item">
<a href="../directives/TableHeaderDescription.html">TableHeaderDescription</a>
</li>
<li class="list-group-item">
<a href="../directives/TableHeaderTitle.html">TableHeaderTitle</a>
</li>
<li class="list-group-item">
<a href="../components/TableRadio.html">TableRadio</a>
</li>
<li class="list-group-item">
<a href="../components/TableRowComponent.html">TableRowComponent</a>
</li>
<li class="list-group-item">
<a href="../components/TableToolbar.html">TableToolbar</a>
</li>
<li class="list-group-item">
<a href="../components/TableToolbarActions.html">TableToolbarActions</a>
</li>
<li class="list-group-item">
<a href="../components/TableToolbarContent.html