treetable - 爱码网

<!DOCTYPE html>

<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="css/screen.css" media="screen" />
    <link rel="stylesheet" href="css/jquery.treetable.css" />
    <link rel="stylesheet" href="css/jquery.treetable.theme.default.css" />
  </head>
  <body>
  <style>
        table.treetable thead tr th{
            background:#f2f2f2 !important;
            border-top: 1px solid #ddd !important;
            border-right:1px solid #ddd !important;
            padding: 8px 10px !important;
            color: #555;
            font-weight: 700;
            text-align: center !important;
        }
        table.treetable tbody tr td{
            padding: 8px 10px !important;
            color: #555;
            text-align: center !important;
        }
        table.treetable tbody tr td:nth-of-type(1){
            text-align: left !important;
        }
        table.treetable tbody tr td a{
            text-decoration:none !important;
            color: #2fa4e7;
        }
        table.treetable tbody tr td a:hover{
            color: #157ab5;
            text-decoration: none;
        }
        table.treetable tr.selected{
              background:#ffffff !important;
              color: #000000 !important;
        }
        .table th, .table td{
            border-left: 1px solid #ddd !important;
            border-bottom: 1px solid #ddd !important;
            border-right:1px solid #ddd !important;
        }

  </style>
    <div >根据该html下载并引入对应的css和js文件