如何阻止Xpages DataView中额外列的宽度更改

我有一个很好的数据视图，只错了一件事。额外列的宽度根据字段中数据的宽度不断变化。我认为，如果这些值不跳来跳去，看起来会好得多

如何设置这些列的宽度？我试着用一个宽度！在额外列的样式中很重要，但这不起作用。我尝试添加这些值，但效果并不理想，而且非常困难

<xe:dataView id="dataView1" var="dvEntry"
                    collapsibleDetail="false" columnTitles="true"
                    detailsOnClient="true" openDocAsReadonly="true" rows="25"
                    disableTheme="false" pageName="/xpFormEmployee.xsp"
                    styleClass="lotusTable" rowStyleClass="EVEN,ODD"
                    rowStyle="width:1000px">


                    <xe:this.data>
                        <xp:dominoView var="view1"
                            viewName="(xpEmployeeByNameActiveOnly)"
                            databaseName="TheTruth.nsf" dataCache="id"
                            searchExactMatch="false">
                            <xp:this.search><![CDATA[#{javascript:var query:String = '';
var search:String = viewScope.get("searchString")
if (search === null || search == "") 
{query =  ""}
else
{query = 'FIELD HR_FullName CONTAINS ' + search + '*'}
return query

}]]></xp:this.search>
                        </xp:dominoView>
                    </xe:this.data>
                    <xe:this.extraColumns>

                        <xe:viewExtraColumn
                            style="width:400px !important;vertical-align:middle;font-weight:bold"
                            headerStyle="font-weight:bold;font-size:12pt" contentType="html"
                            columnTitle="Location">
                            <xe:this.href><![CDATA[#{javascript:var geoView:NotesView = database.getView("(DbLookupLocationsByName)");
var geoDoc:NotesDocument;
var UNID:String;

geoDoc = geoView.getDocumentByKey(dvEntry.getColumnValue("HR_GeoLocation"));

if (geoDoc != null)
{
UNID = geoDoc.getUniversalID();
"notes://XX/__86257D58005E456E.nsf/0/" + UNID + "?OpenDocument"}
else
{""}}]]></xe:this.href>
                            <xe:this.value><![CDATA[#{javascript:var tmpLoc:String = dvEntry.getColumnValue("HR_geoLocation");
var lenTmpLoc = 30 - tmpLoc.length;
var tmpPad:String = "";

for (i = 0; i < (lenTmpLoc); i++)
{tmpPad += "&nbsp;";}

return tmpLoc + tmpPad 
}]]></xe:this.value>

                        </xe:viewExtraColumn>
                        <xe:viewExtraColumn columnTitle="Office Phone"
                            columnName="HR_OfficePhone"
                            style="width:400px !important;vertical-align:middle"
                            headerStyle="font-weight:bold;font-size:12pt"
                            contentType="html">
                            <xe:this.value><![CDATA[#{javascript:var tmpLoc:String = dvEntry.getColumnValue("HR_officePhone");
var lenTmpLoc = 50 - tmpLoc.length;
var tmpPad:String = "";

for (i = 0; i < (lenTmpLoc); i++)
{tmpPad += "&nbsp;";}

return tmpLoc + tmpPad 
}]]></xe:this.value>
                        </xe:viewExtraColumn>

                        <xe:viewExtraColumn></xe:viewExtraColumn>
                    </xe:this.extraColumns>
                    <xe:this.iconColumn>
                        <xe:viewIconColumn>

                            <xe:this.icons>
                                <xe:iconEntry
                                    style="height:35px;width:35px;padding-right:5.0px">
                                    <xe:this.url><![CDATA[#{javascript:var phtStr:String;
var imgNme:String;
phtStr = dvEntry.getColumnValue("photo");

var docUNID:String = dvEntry.getColumnValue("docUNID");


if (phtStr != "")
{imgNme = "XXXXXX/xsp/.ibmmodres/domino/OpenAttachment/XXXX" + docUNID + "/$File/" + phtStr + "?Open"}
else
{imgNme = "xpPhotoPlaceholder.gif"}
imgNme

}]]></xe:this.url>
                                </xe:iconEntry>
                            </xe:this.icons>
                        </xe:viewIconColumn>
                    </xe:this.iconColumn>
                    <xe:this.summaryColumn>
                        <xe:viewSummaryColumn columnTitle="Name"
                            headerStyle="font-weight:bold;font-size:12pt;padding-left:8.0px">
                        </xe:viewSummaryColumn>
                    </xe:this.summaryColumn>
                    <xp:this.facets>
                        <xp:panel xp:key="summary">


                            <xp:table>
                                <xp:tr>
                                    <xp:td>
                                        <xp:text escape="false"
                                            id="computedField2">
                                            <xp:this.value><![CDATA[#{javascript:return "<h4><a href='xpFormEmployee.xsp?openDocument&documentId=" + dvEntry.getUniversalID() + "'>" + dvEntry.getDocument().getItemValueString('HR_FullName') + "</a></h4>";
}]]></xp:this.value>
                                        </xp:text>
                                    </xp:td>
                                </xp:tr>

                            </xp:table>
                        </xp:panel>


                        <xe:pagerSizes id="pagerSizes1"
                            sizes="5|10|25|50|100" xp:key="pagerTopLeft">
                        </xe:pagerSizes>
                        <xp:panel xp:key="pagerBottomLeft"
                            id="panel3">
                            <xe:pagerSizes id="pagerSizes2"></xe:pagerSizes>
                        </xp:panel>
                        <xp:panel xp:key="pagerTopRight"
                            styleClass="panelPagerTopRight">
                            <xp:pager layout="Previous Group Next"
                                for="dataView1" id="pager3" partialRefresh="true"
                                styleClass="pager">
                            </xp:pager>
                        </xp:panel>
                        <xp:panel xp:key="pagerBottomRight">
                            <xp:pager layout="Previous Group Next"
                                for="dataView1" id="pager1" partialRefresh="true"
                                styleClass="pager">
                            </xp:pager>
                        </xp:panel>
                        <xp:panel xp:key="noRows">
                            <xp:br />
                            <xp:div styleClass="xlEmptyFacet">
                                <xp:label>
                                    <xp:this.value><![CDATA[#{javascript:"No Documents Found"}]]></xp:this.value>
                                </xp:label>
                            </xp:div>
                        </xp:panel>
                    </xp:this.facets>
                </xe:dataView>

将类lotusTable的样式更改为

洛特斯塔布尔先生{ 表布局：固定； } 然后，列的标题样式或样式中的样式宽度=将不再被忽略

例如：

假设上面的css代码位于样式表Resource fixedTable.css中，则可以通过这种方式设置列的宽度

... ... ... ... 将类lotusTable的样式更改为

洛特斯塔布尔先生{ 表布局：固定； } 然后，列的标题样式或样式中的样式宽度=将不再被忽略

例如：

假设上面的css代码位于样式表Resource fixedTable.css中，则可以通过这种方式设置列的宽度

... ... ... ...

---

Knut，它在浏览器中工作，但在XPiNC中不工作。它在你的客户机中有效吗？布莱恩，是的，它在XPiNC中有效。刚刚用9.0.1FP2.Knut测试过，效果不错。我使用的是oneuiv2.1主题，但在客户端不起作用，但当我改为oneuiv2_1_blue时，它就起作用了。再次感谢您的帮助！Knut，它在浏览器中工作，但在XPiNC中不工作。它在你的客户机中有效吗？布莱恩，是的，它在XPiNC中有效。刚刚用9.0.1FP2.Knut测试过，效果不错。我使用的是oneuiv2.1主题，但在客户端不起作用，但当我改为oneuiv2_1_blue时，它就起作用了。再次感谢您的帮助！