Question

在DataTables examples中，我看到当鼠标悬停在可排序列标题上方时，鼠标光标会发生变化以指示链接。但是，我在自己的项目中没有得到同样的效果。我像这样配置DataTables（通过jQuery UI ThemeRoller主题化）：

$('#build-table').dataTable({
    'aaSorting': [[1, 'desc'], [0, 'asc'], [2, 'asc']],
    'bJQueryUI': true,
    });

如果将鼠标光标行为悬停在DataTables演示的可排序列标题之上，该怎么办？

修改

我知道它可以用CSS，但想知道是否有任何开箱即用的东西，因为DataTable演示都是这样的。

Answer 1

我并不熟悉dataTable()，但最简单的方法是为可排序列提供一个类，并使用CSS cursor:pointer;属性使鼠标指示它是可点击的。

Answer 2

数据表演示全部使用demo_table.css和此规则：

table.display thead th {
    padding: 3px 18px 3px 10px;
    border-bottom: 1px solid black;
    font-weight: bold;
    cursor: pointer; /*This is what you want*/
    * cursor: hand;
}

Answer 3

将以下内容添加为 CSS，您就可以开始了。

$client2 = new GuzzleHttp\Client(['base_uri' => 'https://v2.website.com/']);

$response3 = $client2->request('GET', 'create-report.php',  
    ['auth' => ['user', 'pass!!!!']],
    ['headers' => [
        'Accept' => 'application/xml',
            'timeout' => 120
    ]], 
    ['query' => ['type' => 'events'],
    'gateway' => ['13025867C090F4C'], 
    'module' => ['6F25A5ED98'], 
    'start' => ['1617193460'], 
    'end' => ['1619032806'], 
    'format' => ['xml']],

    ['debug' => true],
[
    'allow_redirects' => [
        'max'             => 10,        // allow at most 10 redirects.
        'strict'          => true,      // use "strict" RFC compliant redirects.
        'referer'         => true,      // add a Referer header
        'protocols'       => ['https'], // only allow https URLs
        'on_redirect'     => $onRedirect,
        'track_redirects' => true
    ]]
    );

使用jQuery DataTables，如何在可排序列标题上更改鼠标光标？

3 个答案: