How can I fit a Datatable only into a webpart (not page) dynamically?

Question

I develop a Webpart, which should be deployed in other SP-Farms.
The Webpart contains a DataTable.
I deployed the solution and the DataTable appears in the right side of the Website.
I'm using a gridView and have some style-components like margin-right: 50px.

I understand that the Table appears in the right side of the Website, but is there a opportunity to get the Table only into the Webpart?

I use a GridView and want to do the css here with the cssstylecollection. but it doesnt really work?

Answer 1

hi can you please post your css, its all todo with the position element weather it relative or absolute, also set the display to block. So the two element should have the following css:

.treeviewcss
{
  float:left!important
  display:inline-block!important;
}

.datatable
{
  float:left!important
  display:inline-block!important;
}

add this class to 12hive:

for me I have a master css class that add other css classes too it like for webparts using import directive.

@import url (/_Layouts/1033/styles/customfolder/webparts/thisIsTheCssFile.css);

but you can do the following:

protected override void CreateChildControls()
{
    CssRegistration.Register("/_layouts/STYLES/WebPartName/styles.css");
}

http://stackoverflow.com/questions/536734/how-to-use-custom-css-with-my-sharepoint-webpart

within the code where your creating your object you need to assign the cssclass class name to the control you want changing, so as an example:

    protected override void CreateChildControls()
    {
       TreeView tv = new TreeView();
       tv.CssClass = "treeviewcss";

       DataTable dt = new DataTable();
       dt.CssClass = "datatable";
    }

hope it helps :)