所以我有以下模板： {% load static %} <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous"> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivCSAT.net/npm/[email protected]/dist/umd/poppeCSAT.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script> <script src="https://cdn.datatables.net/1.10.22/css/jquery.dataTables.min.css"></script> <div class="table-responsive-sm" style="overflow:scroll">  <table class="table table-striped  table-bordered table-hover" id="example">  <thead class="thead-dark">    <tr>        <th colspan="12" scope="colgroup"></th>    </tr>    <tr>        <th>A</th>        <th>B</th>        <th>C</th>        <th>D</th>        <th>E</th>        <th>F</th>    </tr>    </tbody>    <tfoot>    <tr>        <th>A</th>        <th>B</th>        <th>C</th>        <th>D</th>        <th>E</th>        <th>F</th>        <th>F</th>    </tr></tfoot></table></div>在 C、D 和 E 列中顯示值，為：R、G、Y（紅、綠、黃）