Can't fix the width of a table

I've created a Master/ Detail page set and it seems to be working fine, but I'm having a problem with the page layout for both the master and detail pages. The generated code creates a table that extends to the right hand side of the page and is too wide. I tried setting the width of the table and the widths of the columns but these seem to be being ignored or over-ridden. The master page is here http://hollisterairshow.com/feedback-suggestions-master.php and as you can see the Feedback Number 9 is way too wide in both the master and detail pages.
I don't see any CSS settings that could cause these issues. I'd really appreciate pointers on where to look next. I'm using Win XP/ IE8, but the same problem occurs with Firefox v3.5
Thanks,
Tony Babb

You've added the table-layout attribute to the <body> tag and the <div class="container"> tag, not the <table> tag.
CSS attributes usually apply to specific tags. Some, such as width, apply widely to many tags. Others, such as table-layout, are very specific. Look up the correct use of a CSS property online before applying it.
The CSS table-layout attribute applies to the <table> tag:
http://www.w3schools.com/css/pr_tab_table-layout.asp
http://www.w3.org/TR/CSS2/tables.html#width-layout
Thus add
#maincontent table {
table-layout: fixed;
once to your stylesheet.
That rule targets any <table> tag inside an element with id="maincontent".

Similar Messages

How to fix the width of ADF Table

Hi,
I am developing an application in ADF using ADF Faces Components . I am using Oracle Jdev 10.1.3.1.0
I am dropping the Transient View object as ADF Table on UI. I have set the width property of table to 100%, I have also changed the inlinestyle width also to 100%. These two did not work for me.
The issue is if a column has a value of bigger length the table size is extending and if the column has a value of smaller length the table size is reducing.
Is this the expected behaviour of the width property of the table ?? . Is there any way to fix the table size. Please provide me some pointers to fix the issue.
Thank You.

Hi vijay,
Setting the width to 100% did not work for me.
Table Script: Create table sample (name varchar2(1000), num number);
Insert the below Data:
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa,1234
aaaaaaaaaaaaaaaaaaaaa,12
aaa,3444
aaassssssssssssss,1234
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa,123423
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa,123123
With this info in the table drop it is as view object on the UI.
Set the RangeSize to 2 in the PageDef.xml file
The issue is: For the first 4 rows the table size is showing perfectly but when it showing 5 and 6 row on the UI the table is stretching.
Please provide me some more pointers to fix this issue.
Thank You.

Can I adjust the width of a table cell as I like in web dynpro?

hi,
In Micro Soft word or excel, when we use tables,we can adjust the width of a cell at our pleasure. I wonder, in web dynpro development, wether we can change
the width of cells as we like.Hope to hear your advices!

Hi Daniel
That feature is not available in the Webdynpro. hope we get that in future releases
There is a sticky thread called "POLL: Web Dynpro UI elements - enhancement proposals" in the main page of webdynpro java forum. post your query there. SAP might consider this as useful enhancement.
Best Regards
Chaitanya.A

How to fix the width of sorting column about adf table ?

I develop project with ADF in jdeveloper.
When click on the sorting column header in adf table,it will adjust the width of the sorting column header.It will make page shifting.
How can I do to avoid the adjusting ?
How can I do to fix the width of soting table header?
Any hint will be appreciated.
Thank you!
Message was edited by:
user618145

I have set the column width like this:
in style.css:
/** Column Settings **/
af|column::header-text
background-color:#F0EDE1;
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
padding-left: 2px;
padding-right: 2px;
padding-top: 3px;
padding-bottom:3px;
border-color: #B5B5B5;
WIDTH: 120px;
af|column::sortable-header-text
background-color:#F0EDE1;
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
padding-left: 2px;
padding-right: 2px;
padding-top: 3px;
padding-bottom:3px;
border-color: #B5B5B5;
WIDTH: 120px;
and in jsp page,write like this:
<af:panelBox text="test" width="1000" background="dark" >
<af:table emptyText="" value="#{ftOverview.listOfTransefersVect}" var="transfers" width="100%" banding="row" bandingInterval="1">
<af:column sortable="true" sortProperty="transactionId" headerText="#{resources['ft_overview.ref']}" formatType="text" width="39"
noWrap="true">
<af:outputText value="#{transfers.transactionId}" escape="false"/>
</af:column>
</af:table>
</af:panelBox>
but it seems doesn't work well.

Fixing the width of a column in a pivot table.

Hi,
I have a report with a pivot table view.
In that pivot table i have a column called category and a measure called Amount.
My issue is, i need to fix the length of the the measured column to particular extent like $111,111,111,111.11 (Bold) for all the columns.
I went to Format Values for that column and add width=50 in the additional charting options.
But it's not reflecting for all the columns.
Is there any other way to resolve this one.
Thanks,
chinna.

Hi,
Thanks for the quick response.
I tried to fix the width of a column by putting 20% ,30% ....suggested by you.But it's not reflecting in the report.
is there any other way?
thanks,
chinna

How can i fix the tab overlapping when i change the width of the url bar with #urlbar-container [focused]?

I want to create for myself the most minimalistic browser experience as possible and i've put the most used features in the title bar. For purposes of space i had to fix the width of the url bar to a minimum and my intention is to increase it to a fixed width only when #urlbar-container [focused]. The problem is that #urlbar-container will overlap the existing tabs instead of shrinking their space, making it look really bad. It looks wonderful with #urlbar-container:hover, but i can't use that since whenever i want to refresh the wesbite using the button the width of the container will increase moving the button from the place i had the mouse in the first place to click it.
Fixed width of the url bar when #urlbar-container is not focused:
http://imagizer.imageshack.us/v2/800x600q90/829/xo4o.png
Fixed width of the url bar when #urlbar-container [focused]:
http://imagizer.imageshack.us/v2/800x600q90/34/8o36.png
This is the css i have for the url bar at the moment:
<pre><nowiki>#urlbar-container {max-width:225px!important;}
#urlbar-container {min-width:225px!important;}
#urlbar-container {transition:0.7s!important;}
#urlbar-container [focused] {max-width:500px!important;}
#urlbar-container [focused] {min-width:500px!important;}
#urlbar-container {transition:0.7s!important;}
#urlbar {border-top-right-radius:10px!important}
#urlbar {border-bottom-right-radius:10px!important}</nowiki></pre>

What method (code) did you use to get the Tab bar displaying in the space used for the Navigation Toolbar (location bar)?
The Tab bar should be displayed above the Navigation Toolbar.
Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance).
*Do NOT click the Reset button on the Safe Mode start window.
*https://support.mozilla.org/kb/Safe+Mode
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes

How can I fix the 1st column width (member) in Planning data forms

Hi all,
does anybody know a trick, how I can fix the first column width in planning data forms? I need a composite data form (Planning 9.3.1) and the problem is, that in the first form the member names are longer. So Planning sizes the column as it is needed to display the full member name. The member names of the second data form are shorter, so the data entry cells are not exactly among each other for both data forms and that looks terrible....
Thanks and kind regards
André

There are 3 ways of setting the width in webforms:-
1. There is a global setting for input box length which has a syntax of FormInputBoxLength=30.
2. When you specify the format for each of the dimensions you can choose to select the width of either a column heading or a row heading. In the following example, each time you specified the dimension ‘Account’ a format would be applied to its header. The syntax for this would be something like… HeaderOptionAccount=Length:50,Style:font-size: 12pt;font-family: calibri
3. Each column can have its own width specified. The syntax for this can be setting in each of the column’s code. For example C6=Blank,Style:Background-color:rgb(203,218,231);width:3 would just show a thick vertical line as the width is so small.
You can not set widths in data grids through the normal settings. You can manually change the widths and save the grid though. This can be done in the xml directly. For example… <HDRWIDTH idx=”0″ width=”50″/>.
Then load the amended xml file back into the system.

How can we configure the width of the table in SAP DB

Hello sirs,
How can we configure the width of the table in SAP DB? (<b>i.e to specify the total width of the sum of all columns</b>). I need to change the default value of table width for adding fields with biggger sizes...
With best regards,
Sudheesh....

Hi,
The restrictions for using SAPDB are available at the following link http://dev.mysql.com/doc/maxdb/en/f6/069940ccd42a54e10000000a1550b0/content.htm
The 'internal length of the table' is 8088 bytes, which intern maps to the column width attribute.
Can we change the column width?
The answer is 'NO'.
check the general Column width error (-1115) at link below where it is specified that the column width can be altered http://dev.mysql.com/doc/maxdb/en/bb/57f18204fd11d2a96c00a0c9449261/content.htm
Refer link below for more details on the width of each column (based on the datatype associated with the column). http://orgs.man.ac.uk/documentation/mysql/manual_Column_types.html
So we will have to judiciously look into the boundary values for each column and set the right length because if the column is char(200) and it holds a null value then length allocated is 200 bytes.
The restriction cannot be broken.
Regards,
S.Divakar

Increasing the width of Pivot table Columns

Hi Gurus,
Small pivot table --> ( ie having less no of columns which generally can be seen in a single page without scrolling to the right)
If i have a small pivot table , then in the column properties through additional formatting options i can increase the width of an individual column.
However if the pivot table is Big,I am not able to increase the width of the individual column .
I tried setting width in the additional formatting options in the Content Properties( just above Rows and below Section there is a small grey box containing finger).
Now the Content Properties indeed increases the width of the column, but it also increase the width of the whole Pivot Table.
See...If i have a fixed number of columns in a PIVOT Table that do not change with prompt, then this solution work fine...
but the problem comes when the no of columns in pivot Table reduces based on the prompt selected.
In this case the less no of columns tries to occupy the whole width set in the content properties.
In short, with Content Properties the width of the PIVOT Table becomes fixed, irrespective of the no of columns coming.
Also after setting content properties, I am not able to print the report to PDF.
So the Question is... Can we increase the width of a Big Pivot Table whose no of columns keeps on changing based on the prompt....
Big pivot table -->
(ie table having no of columns which exceeds a single window frame and have to scroll to right to see the rest of the columns)
I hope i have not made things messy...
Thanks
Ashish

Ashish,
Yes, you can set a fixed size for these. I'm sure you are fixing these because of PDF issue which might be irregular in sizes. Just play arnd with Custom CSS options.

Specifically controlling the width of a table in an HTML report

I am generating an HTML report that consists of several detail tables
followed by a summary table at the end. Each detail table is
generated within a for loop. The summary table is generated
separately at the end. The detail tables all have the same column
width and same number of columns. However, I cannot get the summary
table to have the same column width even though it has the same number
of columns and the same column width setting.
Does anyone have any suggestions?
Thanks!

Hi,
What VI are you using to create the tables using the for loop? What VI (Append Table to Report.vi?) are you using to create the table at the end?
If you are using the Append Table to Report.vi to create the tables in the for loop, can you change the width of the columns and see expected behavior?
Let me know, and I should be able to help you out further.
Travis H.
National Instruments
Travis H.
LabVIEW R&D
National Instruments

Need to fix the width of a column in interactive report

Hi,
I have a column named 'Comment'. Its have a huge data due to which the lenght of that column in interactive report get increased. I need to fix the length to a desired value.
I used following code in Region Footer:
<style>
table.apexir_WORKSHEET_DATA td[headers=COMMENTS] {
_width: 300px;
min-width: 50px;
max-width: 300px }
</style>
Its solved the problem by fixing the width of the column but the column is not showing the full data now. It is hiding most of its part to fit it in that column.
Please give some idea.
Thanks,
Chandru

Hi,
I believe you will want to add a height specification to allow for multiple lines. And you may want/need to specifiy how you want lines to wrap.
Add (for example):
height: 60px;
white-space: nowrap;
word-wrap: break-word;
There are defaults and several options for white-space and word-wrap. You may want to look them up and give them a try for comparison.
Howard

How to Fix the 1st row in Table

How to Fix the 1st row in Table
In EP, one of the page we are getting out put in the table format. It's working fine, but as per the new requirement we have to fix (freeze) the first row of the table. (.i.e. whenever I click the page down button first row should be visible in the table). Can you help regarding the above issue?
For Example: in Table having 6 rows. In 1st row display Year Month and 2,3,4---etc Rows will display Quantity. Click on Page down Button in Table we are able to staring 2row. First was a movie up. So End user canu2019t find which year/moth under the Quantity is available.
So I have to fix in 1st row. Click on page down button table 1st row is fixed but comes to another Quantity Records.
It is Possible in Table? If possible please tell me.
Regards
Vijay Kalluri

Hi KalluriVijay
I don't think there is direct availabe method available to fix the row. However, there are two ways using which you can achieve the requirement:
To go ahead with the custom table. This way you can set your own properties for the table. However, this may impact performance handling large data.
Second option is to use other features of NW04s (Not available in NW04) like Table Popins using which you can achieve something similar.
For Table Popins refer [TablePopin|http://help.sap.com/saphelp_nw70/helpdata/EN/23/5e9041d3c72e7be10000000a1550b0/frameset.htm]
Hope this helps.
Regards
Abhinav Sharma

Can we fix the Y axis in Bar chart ?

Hi All,
I have a bar chart in which the width of X axis is dynamic because i am using many months data.
But wen i am doing preview,my chart area is moving towards left.
Can we fix the y axis ,I mean the area of chart should not move.Only X axis can be stretched according to the number of months we have in x axis ?
Thanks in advance.
Regards
msbilearning

Hi msbilearning,
According to your description, you want to have your Y-axis fixed in the bar chart area and the X-axis grows from from left to Right. Is my understanding correct?
In Reporintg Services, when creating a chart, we can set the DynamicWidth of the chart which can make our chart expands dynamically with the numbers of categories. In this scenario, we also need to ennable the CustomPosition of chart, set a specific
value for top and left properties so that the Y-axis will be fixed. For detail steps, please see the two blogs below:
Charts with Dynamic Height or Width based on Categories/Data
Handling Dynamic Height and Width in an SSRS Bar Chart
If you have any question, please feel free to ask.
Best Regards,
Simon Hou

How can I fix report width?

How can I fix report width? I have 10-15 columns in the report and when I show report it goes outside the screen,how can I show this optimally to the users?

Hi,
You can specify the Width of the Section (where you are displaying the Report) to show the report within that area.
Navigation: Page Options ==> Edit Dashboard ==>Section Properties ==> Format Section ==> Additional Formatting Options ==>Width (say =200)
-Vency

HT4995 My iPad 2 Location Service works fine but does not work on my home Airport router. How can I fix the problem?

My iPad 2 Location Service works fine but does not work on my home Airport router. How can I fix the problem?

lbryan1987 wrote:
I dont want the button problem solved i need to know how to restore the phone without using that button or going into settings
You don't in the condition it's in. You will either have to get the phone replaced by Apple or pay a 3rd party to repair it.
there seriously should be more than two ways to solve this other wise apple is useless and we will never buy another apple product.
Seriously? It's physically broken!

Can't fix the width of a table

Similar Messages

Maybe you are looking for