No notes defined.
<div id="body-wrapper">
<div id="skip-content"><a class="Skip-btn" href="#skipToContent">Skip To Main Content</a></div>
<!-- Header Section -->
<header id="header" class="main-header sticky-header">
<!-- Top Header -->
<div id="top-header">
<div class="top-header-left">
<a title="UTSA Home" href="https://www.utsa.edu">
<img width="250px" height="12px" class="logo-full d-none d-sm-block" src="../../college-dls/utsa/images/utsa-logo-full.svg" alt="The University of Texas at San Antonio" />
<img width="72px" height="25px" class="logo-short d-block d-sm-none" src="../../college-dls/utsa/images/utsa-logo.svg" alt="The University of Texas at San Antonio" />
</a>
</div>
<div class="top-header-right">
<form class="top-header-form">
<div class="language-select">
<label for="select-lang" class="d-none">Select Language</label>
<select id="select-lang" class="js-example-disabled-results" aria-labelledby="select-lang">
<option>Select Language</option>
<option>English</option>
</select>
</div>
<div class="myutsa-link">
<a title="MyUTSA" href="https://my.utsa.edu"><i class="fas fa-globe-americas"></i> <span class="myutsa-text">myUTSA</span></a>
</div>
<div class="search">
<button type="button" class="search-btn dropdown-toggle show" data-bs-toggle="dropdown" aria-expanded="true">
<span class="search-icon"><i class="fas fa-search" aria-hidden="true"></i></span>
<span class="search-text">Search</span>
</button>
<div class="dropdown-menu " style="position: absolute; inset: 0px auto auto 0px; margin: 0px; transform: translate3d(274px, 122px, 0px);" data-popper-placement="bottom-end">
<label for="q" class="d-none">Search</label>
<input type="search" placeholder="Search" id="q" tabindex="0" onblur="if (this.value == '') {this.value = 'Search UTSA';}" onfocus="if (this.value == 'Search UTSA') {this.value = '';}" value="Search UTSA" />
<button type="submit" class="search-input-icon" aria-label="Search"><i class="fas fa-search" aria-hidden="true"></i></button>
</div>
</div>
</form>
</div>
</div>
<!-- End Top Header -->
<!-- Sticky Header -->
<div class="top-navigation">
<!-- Main Header -->
<div id="main-header">
<div class="container">
<nav class="navbar navbar-expand-md">
<a class="navbar-brand p-2" href="#" aria-label="Logo Image">
<img class="college-logo" width="265px" height="33px" alt="Full College Name Goes Here" src="../../college-dls/college/images/logo-hcap-2color-formal-single-short.svg" /></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar4" aria-label="Toggle">
<span class="navbar-toggler-icon"><i class="fal fa-bars"></i></span>
<span class="navbar-toggler-close-icon" style="display: none;"><i class="fal fa-times"></i></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="collapsibleNavbar4">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#" aria-label="College Admissions">Admissions</a>
</li>
<li class="nav-item">
<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#">Programs</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#" aria-label="Undergraduate Programs">Undergraduate</a>
<a class="dropdown-item" href="#" aria-label="Graduate Programs">Graduate</a>
<a class="dropdown-item" href="#" aria-label="Certificate Programs">Certificate</a>
<a class="dropdown-item" href="#" aria-label="another link option for testing">Testing a long link to make sure it wraps on mobile</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="#" aria-label="Faculty & Research">Faculty & Research </a>
</li>
<li class="nav-item">
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown" aria-label="Student Success">Student Success</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#" aria-label="Undergraduate Student Resources">Undergraduate</a>
<a class="dropdown-item" href="#" aria-label="Graduate Student Resources">Graduate</a>
<a class="dropdown-item" href="#" aria-label="Certificate Resources">Certificate</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown" aria-label="College Departments">Departments</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#" aria-label="Another sub menu item">Undergraduate</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown" aria-label="About the College">About</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#" aria-label="About Undergraduate Programs">Undergraduate</a>
<a class="dropdown-item" href="#" target="_parent">This is a longer link for testing</a>
</div>
</li>
<li class="nav-item mobile-nav-btns">
<a href="#" class="action-btn">Apply <i class="fas fa-arrow-right"></i></a>
<a href="#" class="action-btn">Visit <i class="fas fa-arrow-right"></i></a>
<a href="#" class="action-btn">Request Info <i class="fas fa-arrow-right"></i></a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<!--End Main Header -->
<!-- Request Apply Header -->
<div class="bottom-absolute-header d-flex flex-row-reverse">
<div id="orange-bg-header">
<div class="container">
<ul class="orange-header-list">
<li class="nav-item"><a class="nav-link" href="#">Request Info</a></li>
<li class="nav-item"><a class="nav-link" href="#">Visit</a></li>
<li class="nav-item"><a class="nav-link" href="#">Apply</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- End Sticky Header -->
</header>
<!-- Header Section End -->
<!-- Main Content Body -->
<main>
<!--Slider -->
<section class="slider-wrapper" id="main-slider-wrapper">
<section class="banner">
<div class="single-title-wrapper">
<div class="container">
<h1 class="single-title-heading">DataTables </h1>
</div>
</div>
</section> <!-- Breadcrumb -->
<div class="breadcrumb-wrapper">
<div class="container">
<ul class="list-unstyled">
<li class="crumb-item">
<a class="link-text" href="index.html">Home</a>
<span class="breadcrumb-divider"> / </span>
<span class="unlink-text">DataTables Demo</span>
</li>
</ul>
</div>
</div>
<!-- End Breadcrumb -->
</section>
<!-- End Slider -->
<section class="page-text-wrapper" id="skipToContent">
<div class="container">
<div class="row">
<div class="col">
<h2>DataTables</h2>
<div class="table-responsive">
<table id="file-report" data-size="${files.size()}" class="table-design-blue">
<thead>
<th scope="col">Name</th>
<th scope="col">Path</th>
<th scope="col">Size (KB)</th>
<th scope="col">Size (MB)</th>
</thead>
<tbody>
<tr>
<td>filename-1.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-1.jpg</a></td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>filename-2.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-2.jpg</a></td>
<td>2</td>
<td>2</td>
</tr>
<tr>
<td>filename-3.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-3.jpg</a></td>
<td>3</td>
<td>3</td>
</tr>
<tr>
<td>filename-4.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-4.jpg</a></td>
<td>4</td>
<td>4</td>
</tr>
<tr>
<td>filename-5.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-5.jpg</a></td>
<td>5</td>
<td>5</td>
</tr>
<tr>
<td>filename-6.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-6.jpg</a></td>
<td>6</td>
<td>6</td>
</tr>
<tr>
<td>filename-7.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-7.jpg</a></td>
<td>7</td>
<td>7</td>
</tr>
<tr>
<td>filename-8.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-8.jpg</a></td>
<td>8</td>
<td>8</td>
</tr>
<tr>
<td>filename-9.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-9.jpg</a></td>
<td>9</td>
<td>9</td>
</tr>
<tr>
<td>filename-10.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-10.jpg</a></td>
<td>10</td>
<td>10</td>
</tr>
<tr>
<td>filename-11.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-11.jpg</a></td>
<td>11</td>
<td>11</td>
</tr>
<tr>
<td>filename-12.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-12.jpg</a></td>
<td>12</td>
<td>12</td>
</tr>
<tr>
<td>filename-13.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-13.jpg</a></td>
<td>13</td>
<td>13</td>
</tr>
<tr>
<td>filename-14.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-14.jpg</a></td>
<td>14</td>
<td>14</td>
</tr>
<tr>
<td>filename-15.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-15.jpg</a></td>
<td>15</td>
<td>15</td>
</tr>
<tr>
<td>filename-16.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-16.jpg</a></td>
<td>16</td>
<td>16</td>
</tr>
<tr>
<td>filename-17.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-17.jpg</a></td>
<td>17</td>
<td>17</td>
</tr>
<tr>
<td>filename-18.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-18.jpg</a></td>
<td>18</td>
<td>18</td>
</tr>
<tr>
<td>filename-19.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-19.jpg</a></td>
<td>19</td>
<td>19</td>
</tr>
<tr>
<td>filename-20.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-20.jpg</a></td>
<td>20</td>
<td>20</td>
</tr>
<tr>
<td>filename-21.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-21.jpg</a></td>
<td>21</td>
<td>21</td>
</tr>
<tr>
<td>filename-22.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-22.jpg</a></td>
<td>22</td>
<td>22</td>
</tr>
<tr>
<td>filename-23.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-23.jpg</a></td>
<td>23</td>
<td>23</td>
</tr>
<tr>
<td>filename-24.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-24.jpg</a></td>
<td>24</td>
<td>24</td>
</tr>
<tr>
<td>filename-25.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-25.jpg</a></td>
<td>25</td>
<td>25</td>
</tr>
<tr>
<td>filename-26.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-26.jpg</a></td>
<td>26</td>
<td>26</td>
</tr>
<tr>
<td>filename-27.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-27.jpg</a></td>
<td>27</td>
<td>27</td>
</tr>
<tr>
<td>filename-28.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-28.jpg</a></td>
<td>28</td>
<td>28</td>
</tr>
<tr>
<td>filename-29.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-29.jpg</a></td>
<td>29</td>
<td>29</td>
</tr>
<tr>
<td>filename-30.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-30.jpg</a></td>
<td>30</td>
<td>30</td>
</tr>
<tr>
<td>filename-31.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-31.jpg</a></td>
<td>31</td>
<td>31</td>
</tr>
<tr>
<td>filename-32.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-32.jpg</a></td>
<td>32</td>
<td>32</td>
</tr>
<tr>
<td>filename-33.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-33.jpg</a></td>
<td>33</td>
<td>33</td>
</tr>
<tr>
<td>filename-34.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-34.jpg</a></td>
<td>34</td>
<td>34</td>
</tr>
<tr>
<td>filename-35.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-35.jpg</a></td>
<td>35</td>
<td>35</td>
</tr>
<tr>
<td>filename-36.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-36.jpg</a></td>
<td>36</td>
<td>36</td>
</tr>
<tr>
<td>filename-37.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-37.jpg</a></td>
<td>37</td>
<td>37</td>
</tr>
<tr>
<td>filename-38.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-38.jpg</a></td>
<td>38</td>
<td>38</td>
</tr>
<tr>
<td>filename-39.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-39.jpg</a></td>
<td>39</td>
<td>39</td>
</tr>
<tr>
<td>filename-40.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-40.jpg</a></td>
<td>40</td>
<td>40</td>
</tr>
<tr>
<td>filename-41.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-41.jpg</a></td>
<td>41</td>
<td>41</td>
</tr>
<tr>
<td>filename-42.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-42.jpg</a></td>
<td>42</td>
<td>42</td>
</tr>
<tr>
<td>filename-43.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-43.jpg</a></td>
<td>43</td>
<td>43</td>
</tr>
<tr>
<td>filename-44.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-44.jpg</a></td>
<td>44</td>
<td>44</td>
</tr>
<tr>
<td>filename-45.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-45.jpg</a></td>
<td>45</td>
<td>45</td>
</tr>
<tr>
<td>filename-46.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-46.jpg</a></td>
<td>46</td>
<td>46</td>
</tr>
<tr>
<td>filename-47.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-47.jpg</a></td>
<td>47</td>
<td>47</td>
</tr>
<tr>
<td>filename-48.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-48.jpg</a></td>
<td>48</td>
<td>48</td>
</tr>
<tr>
<td>filename-49.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-49.jpg</a></td>
<td>49</td>
<td>49</td>
</tr>
<tr>
<td>filename-50.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-50.jpg</a></td>
<td>50</td>
<td>50</td>
</tr>
<tr>
<td>filename-51.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-51.jpg</a></td>
<td>51</td>
<td>51</td>
</tr>
<tr>
<td>filename-52.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-52.jpg</a></td>
<td>52</td>
<td>52</td>
</tr>
<tr>
<td>filename-53.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-53.jpg</a></td>
<td>53</td>
<td>53</td>
</tr>
<tr>
<td>filename-54.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-54.jpg</a></td>
<td>54</td>
<td>54</td>
</tr>
<tr>
<td>filename-55.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-55.jpg</a></td>
<td>55</td>
<td>55</td>
</tr>
<tr>
<td>filename-56.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-56.jpg</a></td>
<td>56</td>
<td>56</td>
</tr>
<tr>
<td>filename-57.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-57.jpg</a></td>
<td>57</td>
<td>57</td>
</tr>
<tr>
<td>filename-58.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-58.jpg</a></td>
<td>58</td>
<td>58</td>
</tr>
<tr>
<td>filename-59.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-59.jpg</a></td>
<td>59</td>
<td>59</td>
</tr>
<tr>
<td>filename-60.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-60.jpg</a></td>
<td>60</td>
<td>60</td>
</tr>
</tbody>
<tfoot>
<tr>
<th scope="row">Total</th>
<td></td>
<td>1830KB</td>
<td>1830MB</td>
</tr>
</tfoot>
</table>
</div>
</div>
</div>
</div>
</section>
</main>
<div aria-label="Back to Top" role="navigation">
<a href="#top-area" id="top-link" title="To top of page"><em class="back-to-top"> </em><span class="top-link-text">Back to Top</span></a>
</div>
<!--The below is only for the DLS for the button to show-->
<script>
document.getElementById("top-link").style.display = "block";
</script>
<!-- End Main Content Body -->
<!-- Footer -->
<footer id="footer">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-6 col-lg-4">
<div class="footer-logo">
<img width="231px" height="75px" alt="UTSA - Creating Bold Futures" src="../../college-dls/utsa/images/utsa-cbf.svg" />
</div>
<div class="footer-text">
<p>
<span class="footer-first-text">One UTSA Circle San Antonio, TX 78249</span>
<span class="footer-second-text">Information <a href="tel:+12104584011" class="">210-458-4011</a></span>
</p>
</div>
<div class="footer-social">
<a class="facebook" href="https://facebook.com/utsa" aria-label="Facebook"><i class="fab fa-facebook-f" aria-hidden="true"></i></a>
<a class="twitter" href="https://x.com/utsa" aria-label="Twitter"><i class="fa-brands fa-x-twitter" aria-hidden="true"></i></a>
<a class="youtube" href="https://youtube.com/user/utsa" aria-label="Youtube"><i class="fab fa-youtube" aria-hidden="true"></i></a>
<a class="linkedin" href="https://linkedin.com/school/the-university-of-texas-at-san-antonio/" aria-label="Linkedin"><i class="fab fa-linkedin" aria-hidden="true"></i></a>
<a class="instagram" href="https://instagram.com/utsa/" aria-label="Instagram"><i class="fab fa-instagram" aria-hidden="true"></i></a>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-2">
<ul class="list-unstyled">
<li class="nav-item">
<a href="https://www.utsa.edu/locations" id="s-footer-locations">Locations</a>
</li>
<li class="nav-item">
<a href="https://www.utsa.edu/visit" id="s-footer-visit" aria-label="Visit UTSA">Visit UTSA</a>
</li>
<li class="nav-item">
<a href="https://www.utsa.edu/today" id="s-footer-utsa-today">UTSA Today</a>
</li>
<li class="nav-item">
<a href="https://www.utsa.edu/jobs" id="s-footer-jobs">Jobs</a>
</li>
<li class="nav-item">
<a href="https://alerts.utsa.edu/utsa-community-emergency-response" id="s-footer-emergency-contacts">Emergency Contacts</a>
</li>
</ul>
</div>
<div class="col-sm-12 col-md-6 col-lg-2">
<ul class="list-unstyled">
<li class="nav-item">
<a href="https://www.utsa.edu/directory" id="s-footer-directory">Directory</a>
</li>
<li class="nav-item">
<a href="https://www.utsa.edu/Compliance/Hotline.html" id="s-footer-report-fraud">Report
Fraud</a>
</li>
<li class="nav-item">
<a href="https://www.utsa.edu/eos/title-ix" id="s-footer-title-ix-reporting">Title IX
Reporting</a>
</li>
<li class="nav-item">
<a href="https://www.utsa.edu/ada" id="s-footer-ada-resources">ADA Resources</a>
</li>
<li class="nav-item">
<a href="https://www.utsa.edu/publicsafety/pd/clery_compliance" id="s-footer-clery-info">Clery
Information</a>
</li>
</ul>
</div>
<div class="col-sm-12 col-md-6 col-lg-4">
<ul class="list-unstyled">
<li class="nav-item">
<a href="https://www.utsa.edu/remembrance" id="s-footer-rr-remembrance">Roadrunner
Remembrance</a>
</li>
<li class="nav-item">
<a href="https://www.utsa.edu/mental-health-resources" id="s-footer-mental-health">Counseling/Mental Health</a>
</li>
<li class="nav-item">
<a href="https://www.utsa.edu/heerf/#reports-disclosure" id="s-footer-cares-act-reports">CARES
Act Reports & Disclosure</a>
</li>
<li class="nav-item">
<a href="https://www.utsa.edu/hop/chapter9/9.24.html" id="s-footer-sexual-harassment">Sexual
Harassment and Sexual Misconduct Policy</a>
</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<hr />
</div>
</div>
</div>
<div class="copyright-subfooter">
<div class="row">
<div class="col-sm-12 col-md-6">
<div class="utsa-copyright">
<p>© 2024 The University of Texas at San Antonio</p>
</div>
</div>
<div class="col-sm-12 col-md-6">
<nav class="subfooter-links">
<ul class="list-unstyled">
<li class="nav-item">
<a href="https://utsa.edu/policies" id="s-footer-policies">Policies</a>
</li>
<li class="nav-item">
<a href="https://utsa.edu/policies/accessibility" id="s-footer-web-accessibility">Web
Accessibility</a>
</li>
<li class="nav-item">
<a href="https://utsa.edu/policies/reqlinks.html" id="s-footer-required-links">Required
Links</a>
</li>
<li class="nav-item">
<a href="https://utsystem.edu/" id="s-footer-ut-system">UT System</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</footer>
<!--End Footer -->
</div>
/* components/04-reference-pages/23-datatables/datatables.scss */
/* BEGIN datatables.scss */
/* Dark Mode - Datatables END */
div.dt-container .dt-paging .dt-paging-button.disabled {
color: $grey !important;
&:hover {
color: $grey !important;
}
}
@include color-mode(dark) {
div.dt-container .dt-paging .dt-paging-button.disabled {
color: $grey-d !important;
&:hover {
color: $grey-d !important;
}
}
}
/* END datatables.scss */
This reference page uses the following components in the following order:
1. [Global Header](https://utsa-asc.github.io/college-dls/components/detail/global-header.html)
1. [Site Navigation](https://utsa-asc.github.io/college-dls/components/detail/site-navigation--default.html)
1. [Banner - Slim](https://utsa-asc.github.io/college-dls/components/detail/banner--slim.html)
2. [Global Footer](https://utsa-asc.github.io/college-dls/components/detail/global-footer.html)
<div id="body-wrapper">
<div id="skip-content"><a class="Skip-btn" href="#skipToContent">Skip To Main Content</a></div>
<!-- Header Section -->
<header id="header" class="main-header sticky-header">
{{ render '@global-header' }}
{{ render '@site-navigation' }}
</header>
<!-- Header Section End -->
<!-- Main Content Body -->
<main>
<!--Slider -->
<section class="slider-wrapper" id="main-slider-wrapper">
{{> @banner--slim}}
{{> @breadcrumb }}
</section>
<!-- End Slider -->
<section class="page-text-wrapper" id="skipToContent">
<div class="container">
<div class="row">
<div class="col">
<h2>{{ banner.text }}</h2>
<div class="table-responsive">
<table id="file-report" data-size="${files.size()}" class="table-design-blue">
<thead>
<th scope="col">Name</th>
<th scope="col">Path</th>
<th scope="col">Size (KB)</th>
<th scope="col">Size (MB)</th>
</thead>
<tbody>
{{#each items.text}}
<tr>
<td>filename-{{this}}.jpg</td>
<td><a href="#" target="_parent">college-dls/filename-{{this}}.jpg</a></td>
<td>{{this}}</td>
<td>{{this}}</td>
</tr>
{{/each}}
</tbody>
<tfoot>
<tr>
<th scope="row">Total</th>
<td></td>
<td>1830KB</td>
<td>1830MB</td>
</tr>
</tfoot>
</table>
</div>
</div>
</div>
</div>
</section>
</main>
{{ render '@back-to-top' }}
<!-- End Main Content Body -->
{{ render '@global-footer' }}
</div>