Javascript jquery jtable子表标题缩进

Javascript jquery jtable子表标题缩进,javascript,jquery,alignment,jquery-jtable,Javascript,Jquery,Alignment,Jquery Jtable,我正在使用jquery.jtable,我有一行正在jquery.jtable.js中调用openChildTable方法 我试图找到一种方法来缩进子表标题。以下是创建表的代码: function getResponseChildTable(ContainerID) { var table = { title: '', width: '5%', sorting: false, edit: false, crea

我正在使用jquery.jtable,我有一行正在jquery.jtable.js中调用openChildTable方法

我试图找到一种方法来缩进子表标题。以下是创建表的代码:

function getResponseChildTable(ContainerID) {
    var table = {
        title: '',
        width: '5%',
        sorting: false,
        edit: false,
        create: false,
        display: function(data) {
            //create an image to be used to open child table
            var $img = $('<img src="' + config.base_url + 'assets/images/expand_row-small.png" title="View Responses" style="height:30px;width:30px;cursor:pointer;" height="30" width="30"/>');
            $img.click(function() {
                $('#' + ContainerID).jtable('openChildTable',
                        $img.closest('tr'),
                        {
                            title: 'Response Plans',
                            actions: {
                                listAction: config.base_url + "data_fetch/responses/" + data.record.risk_id
                            },
                            messages: defaultResponseMessages,
                            fields: getResponseFieldsSmall()
                        }, function(data) {//opened handler
                    data.childTable.jtable('load');
                });
            });
            //return image to show on row
            return $img;
        }
    };
    return table;
}
我尝试添加一个style属性,并设置一个左边距以将其侧向移动,但没有成功。也许我做错了。因此,我们非常感谢所有建议。我已经在评论中发布了它的外观链接


我不熟悉jquery.jtable和js,所以请原谅我的错误。

我可以用CSS解决这个问题。

下面是它的样子:下面是我试图让它看起来的样子:我通过添加Chrome Inspect元素留下的样式边距来实现所需的效果。