layui踩坑记

1)layui 中选择项里面的文字内容比较多，输入框的宽度不够，需求方要求扩大宽度到现在的2倍。

     从网上搜索到的方法都是通过修改上一层的DIV的宽度来实现，修改之后大概的代码大概是这样的

 <div class="layui-input-inline" style="width:460px">
        <select id="selPONo"  type1="flow_select" isflow="1" lay-filter="mySelPO" required="" name="selPONo" style="width:460px">
        </select>
    </div>

　　可是出现比较尴尬的情况，选择用“下拉三角形”按钮大约是在460px的位置，但是输入框的宽度还是保持在238px,看起来极其不协调。

“F12"之后看到的是输入框的宽度还是238px，直接增加属性 "style='width:460px;'" 也没有任何效果，这还是第一次遇到，设定width都不见

效果。只能查找Width属性设置，竟然发现有一条:

  

input,
select,
textarea {
    max-width: 280px;
}

　　

 2）Layui table显示某行的

                    done: function (res, curr, count) {
                        if (res.count == null) {
                            return;
                        }
                        if (userType == "C" || userType == "S") {
                           
                        } else {
                             $("[data-field='unitPrice']").css("display", "none");
                             $("[data-field='amount']").css("display", "none");
                        }
                    }

以上为非S,C型的不显示单价(unitPrice)和总价(amount)栏位