Question

我在SharePoint Online中有这个HTML：

<div sortable=""
     sortdisable=""
     filterdisable=""
     filterable=""
     filterdisablemessage=""
     name="Responsable"
     ctxnum="14"
     displayname="Responsable"
     fieldtype="User"
     resulttype=""
     sortfields="View={6ae319f0-c398-4d0a-b737-b3214732035b}&amp;SortField=Responsable&amp;SortDir=Asc"
     class="ms-vh-div">

我试图用jQuery改变它：

$("input[title='Responsable']").css({
'width':'400px',

});

或者：

$("div[name='Responsable']").css({
'width':'400px',

});

使用CSS我试过：

.ms-vh-div [DisplayName='<Responsable>']
{
width : 1000px !important;
}

但这些都没有奏效。如何更改此div的宽度？

Answer 1

如果符合以下条件，您的第二个代码将起作用： -

1.您将添加结束</div>。

2.在脚本代码之前添加jQuery库。

3.在$(document).ready({...});

中包含代码

检查以下代码段： -

＆＃13;

$(document).ready(function(){
  $("div[name='Responsable']").css({'width':'400px'});
});

＆＃13;

div{
  background:red; /* to show you that width is actually increasing */
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div sortable="" sortdisable="" filterdisable="" filterable="" filterdisablemessage="" name="Responsable" ctxnum="14" displayname="Responsable" fieldtype="User" resulttype="" sortfields="View={6ae319f0-c398-4d0a-b737-b3214732035b}&amp;SortField=Responsable&amp;SortDir=Asc" class="ms-vh-div">1</div>

＆＃13;

自定义列宽

1 个答案: