Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<h1 xmlns="http://www.w3.org/1999/html">BigDash</h1>
<head>
<script src ="https://code.jquery.com/jquery-3.5.1.js"></script>
<script src ="https://cdn.datatables.net/1.13.1/js/jquery.dataTables.min.js"></script>
<script src ="https://cdn.datatables.net/buttons/2.3.2/js/dataTables.buttons.min.js"></script>
<script src ="https://cdn.datatables.net/searchpanes/2.1.0/js/dataTables.searchPanes.min.js"></script>
<script src ="https://cdn.datatables.net/select/1.5.0/js/dataTables.select.min.js"></script>
<script src ="https://cdn.datatables.net/buttons/2.2.3/js/dataTables.buttons.min.js"></script>
<script src ="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script src ="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
<script src ="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
<script src ="https://cdn.datatables.net/buttons/2.3.2/js/buttons.html5.min.js"></script>
<script src ="https://cdn.datatables.net/buttons/2.3.2/js/buttons.print.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.1/css/jquery.dataTables.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.3.2/css/buttons.dataTables.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/fixedcolumns/4.2.1/css/fixedColumns.dataTables.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/searchpanes/2.1.0/css/searchPanes.dataTables.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/select/1.5.0/css/select.dataTables.min.css">
</head>
<table id="example" class="display" style="width:100%">
        <thead>
            <tr>
                <th></th>
                <th>Image</th>
                <th>Part name</th>
                <th>Category</th>
                <th>Manufacturer</th>
                <th>Brand</th>
                <th>Part Number</th>
                <th>Manufacturer Part Number</th>
                <th>OEM Part Number</th>
                <th>Specifications</th>
                <th>Price</th>
                <th></th>
                <th>Year</th>
                <th>Make</th>
                <th>Model</th>
                <th>Trim</th>
                <th>Engine</th>
            </tr>
        </thead>
        <tbody>
            
            <tr>
                <td></td>
                <td><a href="/denso-234-4154-oxygen-sensor/"><img src="/products/images/Denso_234-4154.jpg" width="150px" height="auto"></a></td>
                <td><a href="/denso-234-4154-oxygen-sensor/">Denso 234-4154 Oxygen Sensor</a></td>
                <td>
                    <p>Oxygen</p>
                
                    <p>Sensors</p>
                </td>
                <td>DENSO</td>
                <td>DENSO</td>
                <td>234-4154</td>
                <td>234-4154</td>
                
                    <td>8946509040, 8946509110, 8946509170, 8946539605, 8946539655, 8946539665, 8946539855, 8946539885, 8946569145, 8946569175, 8946580011, 8946580030</td>
                
                <td>DENSO 2344154 Specifications
Sensor Type Heated
Wire Harness Length 12.91 (IN)
Wire Quantity 4</td>
                <td>
                        
                        
                        
                        
                            Rockauto <a href="https://www.rockauto.com/en/moreinfo.php?pk=991722&amp;jsn=272" style="color: green;">$48.7</a>  1 week Ago<br>  $48.79  1 week Ago<br> <hr>
                        
                    
                        
                        
                        
                            Carid <a href="https://www.carid.com/denso/oxygen-sensor-mpn-234-4154.html" style="color: green;">$51.92</a>  1 week Ago<br>  <hr>
                        
                        
                    
                        
                        
                            Ebay <a href="https://www.ebay.com/itm/334616210462?epid=79111886&amp;hash=item4de8ae2c1e:g:7TwAAOSwsWJiUhUs&amp;amdata=enc%3AAQAHAAABEK1rMAhZ9QTbW90%2BIfh3tcblMBnhskj6Rl0n5TD7DoW2LRTDUzTh0nbkT2rVUa3QDZ1pSLqaByXAgj3K%2BzmmCRl44fQOTb1KYPzDcHZDwWIv8dr%2BJEFDsQZxsHzcArWTAvhN" style="color: green;">$52.31</a>  1 week Ago<br>  <hr>
                        
                        
                        
                    
                        
                            Amazon <a href="https://www.amazon.com/dp/B000C5SG8G" style="color: green;">$54.9</a>  1 week Ago<br>  $53.18  1 week Ago<br> <hr>
                        
                        
                        
                        
                    
                </td>
                <td>
                        2000 Toyota Tundra SR5 Standard Cab Pickup 2-Door 3.4L 3378CC V6 GAS<br>
                    
                        2000 Toyota Tundra SR5 Extended Cab Pickup 4-Door 3.4L 3378CC V6 GAS<br>
                    
                        2000 Toyota Tundra Base Standard Cab Pickup 2-Door 3.4L 3378CC V6 GAS<br>
                    
                        2006 Toyota Tundra SR5 Crew Cab Pickup 4-Door 4.7L 4663CC 285Cu. In. V8 GAS<br>
                    
                </td>
                <td>
                
                    
                        2000
                    
                
                    
                
                    
                
                    
                        2006
                    
                
                </td>
                <td>
                
                    
                        Toyota
                    
                
                    
                
                    
                
                    
                
                </td>
                <td>
                
                    
                        Tundra
                    
                
                    
                
                    
                
                    
                
                </td>
                <td>
                
                    
                        SR5 Standard Cab Pickup 2-Door 3.4L 3378CC V6 GAS<br>
                    
                
                    
                        SR5 Extended Cab Pickup 4-Door 3.4L 3378CC V6 GAS<br>
                    
                
                    
                        Base Standard Cab Pickup 2-Door 3.4L 3378CC V6 GAS<br>
                    
                
                    
                        SR5 Crew Cab Pickup 4-Door 4.7L 4663CC 285Cu. In. V8 GAS<br>
                    
                
                </td>
                <td>
                </td>
            </tr>
            
            <tr>
                <td></td>
                <td><a href="/denso-221-0517-radiator/"><img src="/products/images/Denso_221-0517_Radiator.jpg" width="150px" height="auto"></a></td>
                <td><a href="/denso-221-0517-radiator/">Denso 221-0517 Radiator</a></td>
                <td>
                    <p>Engine Cooling &amp; Climate Control</p>
                
                    <p>Radiators</p>
                </td>
                <td>DENSO</td>
                <td>DENSO</td>
                <td>221-0517</td>
                <td>221-0517</td>
                
                    <td>164000F020, 164000F050, 16410YZZAT</td>
                
                <td>DENSO 2210517 Specifications
Dimensions - Core Height    22.7500 (IN)
Dimensions - Core Thickness 1.2500 (IN)
Dimensions - Core Width 27.1870 (IN)
In</td>
                <td>
                        
                            Amazon <a href="https://www.amazon.com/dp/B0049GHV3U" style="color: green;">$176.78</a>  1 week Ago<br>  <hr>
                        
                        
                        
                        
                    
                        
                        
                        
                        
                            Rockauto <a href="https://www.rockauto.com/en/moreinfo.php?pk=4723065&amp;jsn=692" style="color: green;">$188.79</a>  1 week Ago<br>  <hr>
                        
                    
                        
                        
                        
                            Carid <a href="https://www.carid.com/denso/engine-coolant-radiator-mpn-221-0517.html" style="color: green;">$195.27</a>  1 week Ago<br>  <hr>
                        
                        
                    
                        
                        
                            Ebay <a href="https://www.ebay.com/itm/165869097651?epid=110269223&amp;hash=item269e9192b3:g:hOMAAOSwzz5jtyMv&amp;amdata=enc%3AAQAHAAAAsLBdQY%2BJ63J0bu0bbM8RTHpigmvM6OPuvlmpg4uNLFx9deeT0z8VDJDgvTTTS9B1op%2FVxzXgeJj%2BWGo2jZNODhP%2FqkVQb5PQzkvOnsqNEhVxcblR2xG8lZEeSL4Lz%2B%" style="color: green;">$311.68</a>  1 week Ago<br>  <hr>
                        
                        
                        
                    
                </td>
                <td>
                        2000 Toyota Tundra SR5 Standard Cab Pickup 2-Door 4.7L 4663CC 285Cu. In. V8 GAS<br>
                    
                        2000 Toyota Tundra SR5 Extended Cab Pickup 4-Door 4.7L 4663CC 285Cu. In. V8 GAS<br>
                    
                        2000 Toyota Tundra Limited Extended Cab Pickup 4-Door 4.7L 4663CC 285Cu. In. V8 GAS<br>
                    
                        2001 Toyota Tundra SR5 Standard Cab Pickup 2-Door 4.7L 4663CC 285Cu. In. V8 GAS<br>
                    
                        2001 Toyota Tundra SR5 Extended Cab Pickup 4-Door 4.7L 4663CC 285Cu. In. V8 GAS<br>
                    
                        2001 Toyota Tundra Limited Extended Cab Pickup 4-Door 4.7L 4663CC 285Cu. In. V8 GAS<br>
                    
                        2002 Toyota Tundra SR5 Extended Cab Pickup 4-Door 4.7L 4663CC 285Cu. In. V8 GAS<br>
                    
                        2002 Toyota Tundra SR5 Standard Cab Pickup 2-Door 4.7L 4663CC 285Cu. In. V8 GAS<br>
                    
                        2002 Toyota Tundra Limited Extended Cab Pickup 4-Door 4.7L 4663CC 285Cu. In. V8 GAS<br>
                    
                        2003 Toyota Tundra Limited Extended Cab Pickup 4-Door 4.7L 4663CC 285Cu. In. V8 GAS<br>
                    
                        2003 Toyota Tundra SR5 Extended Cab Pickup 4-Door 4.7L 4663CC 285Cu. In. V8 GAS<br>
                    
                        2003 Toyota Tundra SR5 Standard Cab Pickup 2-Door 4.7L 4663CC 285Cu. In. V8 GAS<br>
                    
                        2005 Toyota Tundra Base Standard Cab Pickup 2-Door 4.7L 4663CC 285Cu. In. V8 GAS<br>
                    
                        2006 Toyota Tundra Base Standard Cab Pickup 2-Door 4.7L 4663CC 285Cu. In. V8 GAS<br>
                    
                        2006 Toyota Tundra Limited Crew Cab Pickup 4-Door 4.7L 4663CC 285Cu. In. V8 GAS<br>
                    
                        2006 Toyota Tundra Base Standard Cab Pickup 2-Door 4.0L 3956CC 241Cu. In. V6 GAS<br>
                    
                </td>
                <td>
                
                    
                        2000
                    
                
                    
                
                    
                
                    
                        2001
                    
                
                    
                
                    
                
                    
                        2002
                    
                
                    
                
                    
                
                    
                        2003
                    
                
                    
                
                    
                
                    
                        2005
                    
                
                    
                        2006
                    
                
                    
                
                    
                
                </td>
                <td>
                
                    
                        Toyota
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                </td>
                <td>
                
                    
                        Tundra
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                </td>
                <td>
                
                    
                        SR5 Standard Cab Pickup 2-Door 4.7L 4663CC 285Cu. In. V8 GAS<br>
                    
                
                    
                        SR5 Extended Cab Pickup 4-Door 4.7L 4663CC 285Cu. In. V8 GAS<br>
                    
                
                    
                        Limited Extended Cab Pickup 4-Door 4.7L 4663CC 285Cu. In. V8 GAS<br>
                    
                
                    
                        SR5 Standard Cab Pickup 2-Door 4.7L 4663CC 285Cu. In. V8 GAS<br>
                    
                
                    
                        SR5 Extended Cab Pickup 4-Door 4.7L 4663CC 285Cu. In. V8 GAS<br>
                    
                
                    
                        Limited Extended Cab Pickup 4-Door 4.7L 4663CC 285Cu. In. V8 GAS<br>
                    
                
                    
                        SR5 Extended Cab Pickup 4-Door 4.7L 4663CC 285Cu. In. V8 GAS<br>
                    
                
                    
                        SR5 Standard Cab Pickup 2-Door 4.7L 4663CC 285Cu. In. V8 GAS<br>
                    
                
                    
                        Limited Extended Cab Pickup 4-Door 4.7L 4663CC 285Cu. In. V8 GAS<br>
                    
                
                    
                
                    
                        SR5 Extended Cab Pickup 4-Door 4.7L 4663CC 285Cu. In. V8 GAS<br>
                    
                
                    
                        SR5 Standard Cab Pickup 2-Door 4.7L 4663CC 285Cu. In. V8 GAS<br>
                    
                
                    
                        Base Standard Cab Pickup 2-Door 4.7L 4663CC 285Cu. In. V8 GAS<br>
                    
                
                    
                
                    
                        Limited Crew Cab Pickup 4-Door 4.7L 4663CC 285Cu. In. V8 GAS<br>
                    
                
                    
                        Base Standard Cab Pickup 2-Door 4.0L 3956CC 241Cu. In. V6 GAS<br>
                    
                
                </td>
                <td>
                </td>
            </tr>
            
            <tr>
                <td></td>
                <td><a href="/denso-234-4593-oxygen-sensor/"><img src="/products/images/Denso_234-4593_Oxygen_Sensor.jpg" width="150px" height="auto"></a></td>
                <td><a href="/denso-234-4593-oxygen-sensor/">Denso 234-4593 Oxygen Sensor</a></td>
                <td>
                    <p>Oxygen</p>
                
                    <p>Sensors</p>
                </td>
                <td>DENSO</td>
                <td>DENSO</td>
                <td>234-4593</td>
                <td>234-4593</td>
                
                    <td>56028994AB</td>
                
                <td>DENSO 2344593 Specifications
Connector Gender    Female
Mounting Type   Threaded
Sensor Type Heated
Thread Diameter 0.708 (IN)
Wire Harness Length 12.</td>
                <td>
                        
                        
                        
                        
                            Rockauto <a href="https://www.rockauto.com/en/moreinfo.php?pk=1606930&amp;jsn=12" style="color: green;">$24.79</a>  2 days, 23 hours Ago<br>  <hr>
                        
                    
                        
                            Amazon <a href="https://www.amazon.com/dp/B001F79AFI" style="color: green;">$32.05</a>  2 days, 23 hours Ago<br>  <hr>
                        
                        
                        
                        
                    
                        
                        
                            Ebay <a href="https://www.ebay.com/itm/283789060273?fits=Year%3A2005%7CMake%3AJeep&amp;epid=75522478&amp;hash=item42132568b1:g:XlkAAOSw6zheTcCu&amp;amdata=enc%3AAQAHAAAA8IjVnn%2BZDCJsw2EQ9bMoQybMX%2FIn6nGbjst0SIdRw1B1z0nPl1Pl%2Ft4nbIz1MAYCKminDM6rRwtjsSWH3f2eCyFVFQB%2FVd%2FUu" style="color: green;">$37.08</a>  2 days, 23 hours Ago<br>  <hr>
                        
                        
                        
                    
                        
                        
                        
                            Carid <a href="https://www.carid.com/denso/oxygen-sensor-mpn-234-4593.html" style="color: green;">$39.17</a>  2 days, 23 hours Ago<br>  <hr>
                        
                        
                    
                </td>
                <td>
                        2005 Jeep Liberty Limited Sport Utility 4-Door 3.7L 226Cu. In. V6 GAS SOHC Naturally Aspirated<br>
                    
                        2005 Jeep Liberty Renegade Sport Utility 4-Door 3.7L 226Cu. In. V6 GAS SOHC Naturally Aspirated<br>
                    
                        2005 Jeep Liberty Sport Sport Utility 4-Door 3.7L 226Cu. In. V6 GAS SOHC Naturally Aspirated<br>
                    
                </td>
                <td>
                
                    
                        2005
                    
                
                    
                
                    
                
                </td>
                <td>
                
                    
                        Jeep
                    
                
                    
                
                    
                
                </td>
                <td>
                
                    
                        Liberty
                    
                
                    
                
                    
                
                </td>
                <td>
                
                    
                        Limited Sport Utility 4-Door 3.7L 226Cu. In. V6 GAS SOHC Naturally Aspirated<br>
                    
                
                    
                        Renegade Sport Utility 4-Door 3.7L 226Cu. In. V6 GAS SOHC Naturally Aspirated<br>
                    
                
                    
                        Sport Sport Utility 4-Door 3.7L 226Cu. In. V6 GAS SOHC Naturally Aspirated<br>
                    
                
                </td>
                <td>
                </td>
            </tr>
            
            <tr>
                <td></td>
                <td><a href="/mando-12a1369-starter-motor/"><img src="/products/images/MANDO_12A1369.jpg" width="150px" height="auto"></a></td>
                <td><a href="/mando-12a1369-starter-motor/">Mando 12A1369 Starter Motor</a></td>
                <td>
                    <p>Starters</p>
                
                    <p>Starters &amp; Alternators</p>
                
                    <p>Starters &amp; Parts</p>
                </td>
                <td>Mando</td>
                <td>Mando</td>
                <td>12A1369</td>
                <td>12A1369</td>
                
                    <td>361002G200</td>
                
                <td>New Mando OE Starter Motor w/ Solenoid
100% Direct Replacement. Ready to Install
100% Perfect Fit
OEM Interchanges with 361002G200
2 Years Manufac</td>
                <td>
                        
                        
                        
                        
                            Rockauto <a href="https://www.rockauto.com/en/moreinfo.php?pk=11534005&amp;jsn=3" style="color: green;">$92.79</a>  2 days Ago<br>  <hr>
                        
                    
                        
                        
                        
                            Carid <a href="https://www.carid.com/mando/starter-mpn-12a1369.html" style="color: green;">$99.37</a>  2 days Ago<br>  <hr>
                        
                        
                    
                        
                            Amazon <a href="https://www.amazon.com/dp/B082YLC13S" style="color: green;">$112.52</a>  2 days Ago<br>  <hr>
                        
                        
                        
                        
                    
                        
                        
                            Ebay <a href="https://www.ebay.com/itm/254982385593" style="color: green;">$152.99</a>  2 days Ago<br>  <hr>
                        
                        
                        
                    
                </td>
                <td>
                        2015 Kia Optima EX Luxury Sedan 4-Door 2.4L 2359CC l4 GAS DOHC Naturally Aspirated<br>
                    
                        2015 Kia Optima EX Sedan 4-Door 2.4L 2359CC l4 GAS DOHC Naturally Aspirated<br>
                    
                        2015 Kia Optima Limited Sedan 4-Door 2.0L 1998CC 122Cu. In. l4 GAS DOHC Turbocharged<br>
                    
                        2015 Kia Optima SXL Turbo Sedan 4-Door 2.0L 1998CC 122Cu. In. l4 GAS DOHC Turbocharged<br>
                    
                        2015 Kia Optima SX Sedan 4-Door 2.4L 2359CC l4 GAS DOHC Naturally Aspirated<br>
                    
                </td>
                <td>
                
                    
                        2015
                    
                
                    
                
                    
                
                    
                
                    
                
                </td>
                <td>
                
                    
                        Kia
                    
                
                    
                
                    
                
                    
                
                    
                
                </td>
                <td>
                
                    
                        Optima
                    
                
                    
                
                    
                
                    
                
                    
                
                </td>
                <td>
                
                    
                        EX Luxury Sedan 4-Door 2.4L 2359CC l4 GAS DOHC Naturally Aspirated<br>
                    
                
                    
                        EX Sedan 4-Door 2.4L 2359CC l4 GAS DOHC Naturally Aspirated<br>
                    
                
                    
                        Limited Sedan 4-Door 2.0L 1998CC 122Cu. In. l4 GAS DOHC Turbocharged<br>
                    
                
                    
                        SXL Turbo Sedan 4-Door 2.0L 1998CC 122Cu. In. l4 GAS DOHC Turbocharged<br>
                    
                
                    
                        SX Sedan 4-Door 2.4L 2359CC l4 GAS DOHC Naturally Aspirated<br>
                    
                
                </td>
                <td>
                </td>
            </tr>
            
            <tr>
                <td></td>
                <td><a href="/e3-spark-plug-e348-automotive-spark-plug/"><img src="/products/images/E3_Spark_Plug_E3.48_ngYIqNb.jpg" width="150px" height="auto"></a></td>
                <td><a href="/e3-spark-plug-e348-automotive-spark-plug/">E3 Spark Plug E3.48 Automotive Spark Plug</a></td>
                <td>
                    <p>Ignition Parts</p>
                
                    <p>Spark Plugs</p>
                
                    <p>Spark Plugs &amp; Wires</p>
                </td>
                <td>E3</td>
                <td>E3</td>
                <td>E3.48</td>
                <td>E3.48</td>
                
                    <td>E3.48</td>
                
                <td>The E3.48 auto spark plug is a 14mm, 0.750” reach plug with a gasket seat. It fits a wide variety of late model applications, especially import. E3.48</td>
                <td>
                </td>
                <td>
                        2010 Hyundai Accent Blue Hatchback 2-Door 1.6L 1599CC l4 GAS DOHC Naturally Aspirated<br>
                    
                        2010 Hyundai Accent GL Hatchback 2-Door 1.6L 1599CC l4 GAS DOHC Naturally Aspirated<br>
                    
                        2014 Dodge Journey Crossroad Sport Utility 4-Door 2.4L 2360CC 144Cu. In. l4 GAS DOHC Naturally Aspirated<br>
                    
                        2015 Jeep Patriot Latitude Sport Utility 4-Door 2.4L 2360CC 144Cu. In. l4 GAS DOHC Naturally Aspirated<br>
                    
                </td>
                <td>
                
                    
                        2010
                    
                
                    
                
                    
                        2014
                    
                
                    
                        2015
                    
                
                </td>
                <td>
                
                    
                        Hyundai
                    
                
                    
                
                    
                        Dodge
                    
                
                    
                        Jeep
                    
                
                </td>
                <td>
                
                    
                        Accent
                    
                
                    
                
                    
                        Journey
                    
                
                    
                        Patriot
                    
                
                </td>
                <td>
                
                    
                        Blue Hatchback 2-Door 1.6L 1599CC l4 GAS DOHC Naturally Aspirated<br>
                    
                
                    
                        GL Hatchback 2-Door 1.6L 1599CC l4 GAS DOHC Naturally Aspirated<br>
                    
                
                    
                        Crossroad Sport Utility 4-Door 2.4L 2360CC 144Cu. In. l4 GAS DOHC Naturally Aspirated<br>
                    
                
                    
                        Latitude Sport Utility 4-Door 2.4L 2360CC 144Cu. In. l4 GAS DOHC Naturally Aspirated<br>
                    
                
                </td>
                <td>
                </td>
            </tr>
            
        </tbody>
    </table>
<script>
/* Formatting function for row details - modify as you need */
function format (d) {
    // `d` is the original data object for the row
    return '<table cellpadding="5" cellspacing="0" border="0">'+
            '<tr>'+
                '<td>Fitting these car models:</td>'+
                '<td>' + d["11"] + '</td>'+
            '</tr>'+
            '</table>';
}
$(document).ready( function () {
    var table = $('#example').DataTable({
                    dom: 'Plfrtip',
                    columnDefs: [
                        {
                            searchPanes: {
                                show: true
                            },
                            targets: [13,14]
                        },
                        {
                            searchPanes: {
                                show: false
                            },
                            targets: ['_all']
                        },
                        { targets: [0, 1, 2, 3, 4, 5, 6, 7, 8,9, 10,12,13,14,15], visible: true},
                        { targets: '_all', visible: false },
                        { "width": "20%", "targets": 10 },
                        {
                            "className":      'details-control',
                            "orderable":      false,
                            "data":           null,
                            "defaultContent": '',
                            "targets": 0
                        },
                    ],
                    searchPanes: {
                        order: ['year', 'Make', 'Model'],
                        cascadePanes: true,
                        panes: [
                            {
                                header: 'year',
                                options: [
                                    {
                                        label: '1999',
                                        value: function(rowData, rowIdx) {
                                            return rowData[12].includes('1999');
                                        },
                                        className: '1999'
                                    },
                                    {
                                        label: '2000',
                                        value: function(rowData, rowIdx) {
                                            return rowData[12].includes('2000');
                                        },
                                        className: '2000'
                                    },
                                    {
                                        label: '2001',
                                        value: function(rowData, rowIdx) {
                                            return rowData[12].includes('2001');
                                        },
                                        className: '2001'
                                    },
                                    {
                                        label: '2002',
                                        value: function(rowData, rowIdx) {
                                            return rowData[12].includes('2002');
                                        },
                                        className: '2002'
                                    },
                                    {
                                        label: '2003',
                                        value: function(rowData, rowIdx) {
                                            return rowData[12].includes('2003');
                                        },
                                        className: '2003'
                                    },
                                    {
                                        label: '2004',
                                        value: function(rowData, rowIdx) {
                                            return rowData[12].includes('2004');
                                        },
                                        className: '2004'
                                    },
                                    {
                                        label: '2005',
                                        value: function(rowData, rowIdx) {
                                            return rowData[12].includes('2005');
                                        },
                                        className: '2005'
                                    },
                                    {
                                        label: '2006',
                                        value: function(rowData, rowIdx) {
                                            return rowData[12].includes('2006');
                                        },
                                        className: '2006'
                                    },
                                    {
                                        label: '2010',
                                        value: function(rowData, rowIdx) {
                                            return rowData[12].includes('2010');
                                        },
                                        className: '2010'
                                    },
                                    {
                                        label: '2014',
                                        value: function(rowData, rowIdx) {
                                            return rowData[12].includes('2014');
                                        },
                                        className: '2014'
                                    },
                                    {
                                        label: '2015',
                                        value: function(rowData, rowIdx) {
                                            return rowData[12].includes('2015');
                                        },
                                        className: '2015'
                                    },
                                ],
                                dtOpts: {
                                    searching: false,
                                    order: [[0, 'asc']]
                                }
                            },
                        ],
                    },
                });
    // Add event listener for opening and closing details
    $('#table_id tbody').on('click', 'td.details-control', function () {
        var tr = $(this).closest('tr');
        var row = table.row( tr );
        if ( row.child.isShown() ) {
            // This row is already open - close it
            row.child.hide();
            tr.removeClass('shown');
        }
        else {
            // Open this row
            row.child( format(row.data()) ).show();
            tr.addClass('shown');
        }
    });
});
</script>
 
/* Formatting function for row details - modify as you need */
function format(d) {
  // `d` is the original data object for the row
  return (
    '<table cellpadding="5" cellspacing="0" border="0">' +
    "<tr>" +
    "<td>Fitting these car models:</td>" +
    "<td>" +
    d["11"] +
    "</td>" +
    "</tr>" +
    "</table>"
  );
}
$(document).ready(function () {
  var table = $("#table_id").DataTable({
    dom: "Plfrtip",
    columnDefs: [
      {
        searchPanes: {
          show: true
        },
        targets: []
      },
      {
        searchPanes: {
          show: false
        },
        targets: ["_all"]
      },
      { targets: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 13], visible: true },
      { targets: "_all", visible: false },
      { width: "20%", targets: 10 },
      {
        className: "details-control",
        orderable: false,
        data: null,
        defaultContent: "",
        targets: 0
      }
    ],
    searchPanes: {
      order: ["Year", "Make"],
      cascadePanes: true,
      panes: [
        {
          header: "Year",
          options: [
            {
              label: "1999",
              value: function (rowData, rowIdx) {
                return rowData[11].includes("1999");
              },
              className: "1999"
            },
            {
              label: "2000",
              value: function (rowData, rowIdx) {
                return rowData[11].includes("2000");
              },
              className: "2000"
            },
            {
              label: "2001",
              value: function (rowData, rowIdx) {
                return rowData[11].includes("2001");
              },
              className: "2001"
            },
            {
              label: "2002",
              value: function (rowData, rowIdx) {
                return rowData[11].includes("2002");
              },
              className: "2002"
            },
            {
              label: "2003",
              value: function (rowData, rowIdx) {
                return rowData[11].includes("2003");
              },
              className: "2003"
            },
            {
              label: "2004",
              value: function (rowData, rowIdx) {
                return rowData[11].includes("2004");
              },
              className: "2004"
            },
            {
              label: "2005",
              value: function (rowData, rowIdx) {
                return rowData[11].includes("2005");
              },
              className: "2005"
            },
            {
              label: "2006",
              value: function (rowData, rowIdx) {
                return rowData[11].includes("2006");
              },
              className: "2006"
            },
            {
              label: "2010",
              value: function (rowData, rowIdx) {
                return rowData[11].includes("2010");
              },
              className: "2010"
            },
            {
              label: "2014",
              value: function (rowData, rowIdx) {
                return rowData[11].includes("2014");
              },
              className: "2014"
            },
            {
              label: "2015",
              value: function (rowData, rowIdx) {
                return rowData[11].includes("2015");
              },
              className: "2015"
            }
          ],
          dtOpts: {
            searching: false,
            order: [[0, "asc"]]
          }
        },
        {
          header: "Make",
          options: [
            {
              label: "Toyota",
              value: function (rowData, rowIdx) {
                return rowData[12].includes("Toyota");
              },
              className: "Toyota"
            },
            {
              label: "Kia",
              value: function (rowData, rowIdx) {
                return rowData[13].includes("Kia");
              },
              className: "Kia"
            }
          ],
          dtOpts: {
            searching: false,
            order: [[0, "asc"]]
          }
        }
      ]
    }
  });
  // Add event listener for opening and closing details
  $("#table_id tbody").on("click", "td.details-control", function () {
    var tr = $(this).closest("tr");
    var row = table.row(tr);
    if (row.child.isShown()) {
      // This row is already open - close it
      row.child.hide();
      tr.removeClass("shown");
    } else {
      // Open this row
      row.child(format(row.data())).show();
      tr.addClass("shown");
    }
  });
});
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers