jquery - 自定义列宽

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({...});内

检查下面的代码片段:-

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

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

<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>