Hello xwonorb.

Thank you for your purchase.

The easiest way to do this would be to paste the table in a section created by some page builder.

For example, you can split the content on the page using a page builder, and paste the shortcode of the table in a pre-defined section created by that page builder. That way, you can change the width of the table and move it to where ever you want it to be, and also avoid custom CSS code that would definitely be required for this task if you wanted to display the table in this way without any page builder plugins.

Best regards.

Hello xwonorb.

Sure, this can be done with CSS.

You can use the following code:

.wpdt-c .wpDataTablesWrapper table.wpDataTable { 
width: 30% !important; 
float: right !important; 
}

This will be affected on all tables (including back-end), but if you want to apply this just for a specific table, then insert this code on the page where that table is, between the style tags (<style>Code here</style>):

<style>
.wpdt-c .wpDataTablesWrapper table.wpDataTable { 
width: 30% !important; 
float: right !important; }
</style>
[wpdatatable id=5]

Just a heads-up - if you're using WordPress 5, you need to add a classic block:

And edit it as HTML:

Write the code after you click on "Edit as HTML".

And that sets the table width to 30%, and pushes it to the right.

Please let me know if this helps.

Best regards.

Great news, xwonorb.

Thanks for letting me know.

If you have any more issues or questions feel free to open a new ticket, we will gladly help.

We'd greatly appreciate it if you could take a minute and leave a Review on CodeCanyon on this link. Thanks! 

Best regards.