File
Add library
Share
Login or Register
Help
HTMLSaved
 
​
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <link href="https://cdn.datatables.net/1.13.7/css/jquery.dataTables.css" rel="stylesheet">
    <script src="https://code.jquery.com/jquery-3.7.1.js"></script>
    <script src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.js"></script>
    <script src="https://cdn.datatables.net/fixedcolumns/4.3.0/js/dataTables.fixedColumns.js"></script>
</head>
<body>
    <header>
        
    </header>
<main>
            
<table class="table table-bordered table-striped" id="tblPlayerList">
    <thead>
        <tr>
            <th>Player Name</th>
            <th>NCBD</th> 
            <th>NCBS</th>
            <th>NCBC</th>
            <th>CDD&nbsp;</th>
            <th>CDS&nbsp;</th>
            <th>CSC&nbsp;</th>
            <th>BPDD</th>
            <th>BPDS</th>
            <th>BPDC</th>
            <th>LibD</th>
            <th>LibS</th>
            <th>WCBD</th>
            <th>WCBS</th>
            <th>WCBA</th>
            <th>NFBD</th> 
            <th>FBD&nbsp;</th>
            <th>FBS&nbsp;</th>
            <th>FBA&nbsp;</th>
            <th>FBAu</th>
        </tr>
    </thead>
    <tbody>
            <tr>
                <td class="fixed-column" style="background-color: "><a class=" nav-link text-dark" href="/PlayerRoleDetail?UId=43096319">Agostino Camigliano</a></td>
                <td align="center">63.6%</td> 
                <td align="center">64.6%</td>
                <td align="center">64.4%</td>
                <td align="center">62.6%</td>
                <td align="center">64.0%</td>
                <td align="center">63.6%</td>
                <td align="center">56.9%</td>
                <td align="center">55.7%</td>
                <td align="center">56.3%</td>
                <td align="center">61.5%</td>
                <td align="center">56.7%</td>
                <td align="center">58.6%</td>
                <td align="center">56.1%</td>
                <td align="center">56.0%</td>
                <td align="center">64.4%</td> 
                <td align="center">56.5%</td>
                <td align="center">54.2%</td>
                <td align="center">52.9%</td>
                <td align="center">55.0%</td>
            </tr>
            <tr>
                <td class="fixed-column" style="background-color: "><a class=" nav-link text-dark" href="/PlayerRoleDetail?UId=43424792">Alessandro Carosso</a></td>
                <td align="center">57.7%</td> 
                <td align="center">57.6%</td>
                <td align="center">56.2%</td>
                <td align="center">57.3%</td>
                <td align="center">56.8%</td>
                <td align="center">55.8%</td>
                <td align="center">54.1%</td>
                <td align="center">53.0%</td>
                <td align="center">52.7%</td>
                <td align="center">55.5%</td>
                <td align="center">52.5%</td>
                <td align="center">53.9%</td>
                <td align="center">52.6%</td>
                <td align="center">52.6%</td>
                <td align="center">56.8%</td> 
                <td align="center">54.4%</td>
                <td align="center">52.6%</td>
                <td align="center">52.0%</td>
                <td align="center">53.0%</td>
            </tr>
            <tr>
                <td class="fixed-column" style="background-color: "><a class=" nav-link text-dark" href="/PlayerRoleDetail?UId=2000205910">Alessandro Cavallotti</a></td>
                <td align="center">22.6%</td> 
                <td align="center">18.3%</td>
                <td align="center">24.7%</td>
                <td align="center">25.4%</td>
                <td align="center">20.7%</td>
                <td align="center">27.2%</td>
                <td align="center">27.3%</td>
                <td align="center">24.5%</td>
                <td align="center">28.6%</td>
                <td align="center">27.2%</td>
                <td align="center">28.6%</td>
                <td align="center">27.1%</td>
                <td align="center">29.2%</td>
                <td align="center">29.0%</td>
                <td align="center">20.2%</td> 
                <td align="center">22.4%</td>
                <td align="center">24.6%</td>
                <td align="center">26.3%</td>
                <td align="center">24.3%</td>
            </tr>
            
    </tbody>
</table>
​
        </main>
​
    <footer></footer>
    
​
<script>
    $(document).ready(function () {
        // Initialize the DataTable
        var table = $('#tblPlayerList').DataTable({
            "scrollX": true,
            "fixedColumns": {
                "left": 1  // Number of columns to freeze on the left
            }
        });
    });
</script>
​
​
</body>
</html>
​
CSSSaved
 
body {
  font: 90%/1.45em "Helvetica Neue", HelveticaNeue, Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  color: #333;
  background-color: #fff;
}
​
JavaScriptSaved
 
​
var table = new DataTable('#example');
​
​
Output

This bin was created anonymously and its free preview time has expired. Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers