How to format views table using open outreach theme The Views preview of my table looks like this. 


Using Open Outreach it appears like this.


Neither are exactly what I'd like to see. How can I change the displayed table format (on my site) without fooling with php and CSS? I'm new to Drupal. I really don't want to get into CSS and php.
You could transform the tabular display by using the DataTables module, which uses the datatables plugin.
In doing so, you get all the typical dataTables widgets available, such as sorting for appropriate columns, but also a search box, pagination, etc.
Here is an excerpt from the module's project page:

... integrates the jQuery plugin DataTables into Drupal as a views style and a callable theme function. DataTables lets you add dynamic features to tables, including:

Variable length pagination
On-the-fly filtering
Sorting with data type detection
Smart handling of column widths
... (1)


(1) = there are more features (i.e. &quot;Themeable by CSS&quot;), but that requires &quot;fooling with php and CSS&quot; ...
PS: Works great for both D6 and D7 ...
Update (related to that issue you ran into as mentioned in your comment):
Consider reviewing/testing if that patch in comment nr 1 might work for you. The patch looks like so:
diff --git a/datatables.module b/datatables.module
index 193c892..3b66932 100644
--- a/datatables.module
+++ b/datatables.module
@@ -244,11 +244,8 @@ function theme_datatable($variables) {
 function template_preprocess_datatables_view(&amp;$vars) {
   // Run views table preprocess function to handle putting rows in columns,
   // classes, etc.
-  template_preprocess_views_view_table($vars);
-
-  // No need to add anything if there are no rows.
-  if (!$vars['rows']) {
-    return;
+  if(!empty($vars['rows'])) {
+    template_preprocess_views_view_table($vars);
   }
 
   $view     = $vars['view'];

The most elegant / straight forward way to &quot;apply&quot; that patch is to use GIT. However, this seems like only a few lines in 1 module are changed by the fix. You could also &quot;apply&quot; that fix by simply editing that module to be patched, by reading what the patch content is, and then editing the module with your favorite editor, to achieve the same result. Here are the steps involved:

navigate to the folder in your site that contains file datatables.module.
make a backup copy, eg to something like datatables.module.backup.
open datatables.module in your favorite editor, and scroll to the line around line 244. If you can, turn line numbers on.
You should then see a few lines of code identical to the lines near the top of the patch (not preceeded by '-' or '+' signs.
around line 247, there should be a line like template_preprocess_views_view_table($vars);, but without that '-' sign as in the patch
DELETE that exact line, and then next 4 lines entirely (which is indicated in the patch with the '-' sign at the start of each line).
then INSERT those 2 lines preceeded by a &quot;+&quot; in the patch (but make sure to replace the &quot;+&quot; signs at the start of those 2 lines with a blank).
save your (module) file, and rerun your test to see what effect/result you now get.
after you finished testing it, decide what you want to do with this edited version of the module. Continue to use it? If not rename the edited file to something like datatables.module.edited, and then rename the datatables.module.backup file back to datatables.module. That will have restored the original version.