Плагин DataTables для jQuery и события щелчка

Question

Плагин DataTables для jQuery и события щелчка

Попробуйте это:

html, body {
    height: 100%;
    margin: 0;
}

body {
    display: flex;
    flex-direction: column;
}

body > * {
    flex: 0 0 auto;
}

input[type=text]{
    width: 100%;
    font-size: 32px;
    border: 3px solid #999;
    padding: 12px 20px;
    margin: 5px 10px;
    box-sizing: border-box;
    outline: none;
}

div {
    display: flex;
}

.fillspace {
    flex: 1 0 auto;
}

input[type=text]:focus{
    border: 3px solid #555;
}

button {
    background-color: #0099cc;
    border: none;
    color: white;
    text-align: center;
    padding: 16px 32px;
    text-decoration: none;
    display: inline-block;
    font-size: 32px;
    margin: 5px 10px 5px 0;
}

button:hover{
    background-color: #007399;
    outline: none;
}

button:active{
    background-color: #007399;
}

textarea{
    outline: none;
    resize: none;
    font-size: 32px;
    border: 3px solid #999;
    padding: 12px 20px;
    margin: 5px 10px 10px 10px;
    box-sizing: border-box;
    width: 100%;
}

textarea:focus{
    border: 3px solid #555;
}

h1{
    text-align: center;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

<body>
    
    <h1>Command Queue</h1>

    <div class="cmd-group">
        <input placeholder="Type command here" type="text"/>
        <button>Run</button>
    </div>

    <div class="fillspace">
        <textarea id="commandOutput">{{.}}</textarea>
    </div>

</body>

6

javascript jquery datatable

задан 12 May 2009 в 05:56

1 ответ

Другие вопросы по тегам:

javascript jquery datatable

Похожие вопросы:

score 6 · Answer 1

Вам нужно заменить fnInitCallBack на fnInitComplete , и он будет работать.

oTable = $('#search').dataTable({
    "sPaginationType": "full_numbers",
    "bProcessing": true,
    "iDisplayLength": 15,
    "sAjaxSource": 'json.php',
    "fnInitComplete": function (){
        $(oTable.fnGetNodes()).click(function (){
          // my js window....
        });
    }
});